Gutenberg Editor "This block has encountered an error and cannot be previewed."

I’m encountering this error when trying to render the ACF Block editor field in the frontend. This error does not happen with the twenty-twentyfour theme.

This block has encountered an error and cannot be previewed.

This is the console log output:

react-dom.min.js?ver=18.2.0:10 TypeError: r.media is not a function
at new d (media-utils.min.js?v…2fb568f38015:2:3314)
at at (react-dom.min.js?ver=18.2.0:10:39340)
at yr (react-dom.min.js?ver=18.2.0:10:56697)
at js (react-dom.min.js?ver=18.2.0:10:121535)
at wl (react-dom.min.js?ver=18.2.0:10:88659)
at bl (react-dom.min.js?ver=18.2.0:10:88587)
at yl (react-dom.min.js?ver=18.2.0:10:88450)
at il (react-dom.min.js?ver=18.2.0:10:85274)
at fl (react-dom.min.js?ver=18.2.0:10:85661)
at Nn (react-dom.min.js?ver=18.2.0:10:32474)

Hmm ok. So this error is happening on the front end or is this when you’re editing the page? I’m actually away at the moment and won’t be able to take a look until Friday, but will have a look then. In the meantime if you could send through any other relevant info that’d be great. Particularly any details regarding the ACF block that you’re trying to render. E.g what type of field is it, the value used, is this on a page vs post etc