ReferenceError: TextEncoder is not defined

[m1is]

I created a ReactJS.NET project using the reactnet-webpack template, then upgraded it from React 16 to the latest v18. However when I try to run the out of the box example I get the following error:

ReferenceError: TextEncoder is not defined
at eval (:145:19) -> var textEncoder = new TextEncoder();
at eval (:7002:5)
at ./node_modules/react-dom/cjs/react-dom-server.browser.development.js (vendor.6d1c51ef.js:23:1)
at webpack_require (runtime.36e5d9f0.js:85:30)
at eval (:6:7)
at ./node_modules/react-dom/server.browser.js (vendor.6d1c51ef.js:59:1)
at webpack_require (runtime.36e5d9f0.js:85:30)
at eval (:6:74)
at eval (:47:30)
at ./Content/components/expose-components.js (main.ab0e9b20.js:35:1)
at webpack_require (runtime.36e5d9f0.js:85:30)
at checkDeferredModules (runtime.36e5d9f0.js:46:23)
at webpackJsonpCallback (runtime.36e5d9f0.js:33:19)
at vendor.6d1c51ef.js:1:53
at JavaScriptEngineSwitcher.V8.V8JsEngine.InnerExecute(String code, String documentName)
at JavaScriptEngineSwitcher.Core.JsEngineBase.Execute(String code, String documentName)
at React.JavaScriptEngineFactory.LoadUserScripts(IJsEngine engine)

How would I go about resolving this?

[ChristianGilmer]

try downgrading to react and react-dom 16.12.0

[LinusCenterstrom]

change the import of ReactDOMServer to be from either
"react-dom/cjs/react-dom-server-legacy.browser.development" or
"react-dom/cjs/react-dom-server-legacy.browser.production.min.js"
instead of reactdom/server

[m1is]

change the import of ReactDOMServer to be from either "react-dom/cjs/react-dom-server-legacy.browser.development" or "react-dom/cjs/react-dom-server-legacy.browser.production.min.js" instead of reactdom/server

I already abandoned this, just too many issues trying to get it to work with Material UI.

[sebastian-pierre]

Above solution with linking to the legacy files does not work for me. It keeps throwing the same error, and / or TextEncoder is not a constructor.

[dustinsoftware]

Sorry, don’t know of a fix for this. As others have noted, probably best to move to another library if you need react 18 support. Probably need to add a note that the library is in maintenance mode, and folks should stick with react 16 as long as they are on this library.

…

On Thu, Aug 25, 2022 at 13:49, m1is ***@***.***> wrote: change the import of ReactDOMServer to be from either "react-dom/cjs/react-dom-server-legacy.browser.development" or "react-dom/cjs/react-dom-server-legacy.browser.production.min.js" instead of reactdom/server I already abandoned this, just too many issues trying to get it to work with Material UI. — Reply to this email directly, view it on GitHub <#1309 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAHGCFWMQMWZOKEWJOBARXTV26W3PANCNFSM57CFIEZQ> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[dineshpannu]

I added https://github.com/anonyco/FastestSmallestTextEncoderDecoder as a polyfill in my server webpack configuration and that seemed to have fixed it.

[LorenDorez]

This is due to change React v18 added. The only work around at this time would be to add a polyfill to your build scripts. I started a discussion about plans i have to bring this project up to better support React v18 but its going to require some major changes. #1343