use node polyfill plugin & fast-text-encoder

see shakacode/react_on_rails#1457 (comment)

Author: Judahmeek

lib/assets/react-source/development/react-server.js

@@ -5,8 +5,9 @@
   "main": "react.js",
   "dependencies": {
     "create-react-class": "^15.6.2",
-    "fastestsmallesttextencoderdecoder": "^1.0.22",
+    "fast-text-encoding": "^1.0.6",
     "immutability-helper": "^2.4.0",
+    "node-polyfill-webpack-plugin": "^2.0.1",
     "prop-types": "^15.6.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

lib/assets/react-source/development/react.js

@@ -2,11 +2,8 @@ var React = require("react");
 var ReactDOM = require("react-dom");
 var createReactClass = require("create-react-class");
 var PropTypes = require("prop-types");
-var {TextEncoder, TextDecoder} = require("fastestsmallesttextencoderdecoder");
 
 window.React = React;
 window.ReactDOM = ReactDOM;
 window.createReactClass = createReactClass;
 window.PropTypes = PropTypes;
-window.TextEncoder = TextEncoder
-window.TextDecoder = TextDecoder

lib/assets/react-source/production/react-server.js

@@ -1,12 +1,16 @@
+// polyfill TextEncoder & TextDecoder onto `util` b/c `node-util` polyfill doesn't include them
+// https://github.com/browserify/node-util/issues/46
+import util from 'util';
+import 'fast-text-encoding';
+
+Object.assign(util, { TextDecoder, TextEncoder });
+
 var React = require("react");
 var ReactDOMServer = require("react-dom/server");
 var createReactClass = require("create-react-class");
 var PropTypes = require("prop-types");
-var {TextEncoder, TextDecoder} = require("fastestsmallesttextencoderdecoder");
 
 global.React = React;
 global.ReactDOMServer = ReactDOMServer;
 global.createReactClass = createReactClass;
 global.PropTypes = PropTypes;
-global.TextEncoder = TextEncoder
-global.TextDecoder = TextDecoder

lib/assets/react-source/production/react.js

@@ -1,5 +1,6 @@
 // Use `rake react:update` to build this bundle & copy files into the gem.
 // Be sure to set NODE_ENV=production or NODE_ENV=development before running
+const NodePolyfillPlugin = require('node-polyfill-webpack-plugin');
 
 module.exports = {
   context: __dirname,
@@ -11,4 +12,9 @@ module.exports = {
       path: __dirname + "/build/" + process.env.NODE_ENV,
       filename: "[name].js",
   },
+  plugins: [
+    new NodePolyfillPlugin({
+      excludeAliases: ['console', 'Buffer'],
+    }),
+  ],
 };