Merge pull request #366 from fs-webdev/rileytb/outdated_browser_feature_update

Update feature check config/tests for breaking features

Author: rileytb

packages/react-scripts/layout/views/partials/featureDetection.ejs

@@ -1,5 +1,26 @@
 if (Modernizr) {
   const unsupportedBrowserHeader = document.getElementById('unsupported-browser');
+
+  Modernizr.addTest('replaceAll', () => {
+      return typeof String.prototype.replaceAll === 'function';
+  });
+
+  Modernizr.addTest('privateFields', () => {
+    try {
+        class Test {
+            #privateField = 42;
+            getPrivateField() {
+                return this.#privateField;
+            }
+        }
+
+        const instance = new Test();
+        return instance.getPrivateField() === 42;
+    } catch (e) {
+        return false;
+    }
+  });
+
   const outdatedFeatures = Object.keys(Modernizr).filter(feature => !Modernizr[feature]);
 
   if (unsupportedBrowserHeader) {

packages/react-scripts/modernizr-config.json

@@ -1,5 +1,8 @@
 {
     "minify": true,
+    "options": [
+      "addTest"
+    ],
     "feature-detects": [
       "test/customevent",
       "test/dom/intersection-observer",