Revert "[plugin-react-refresh] Solve the problem with MobX observer()…

… HOC (#3015)"

This reverts commit 6e4bb7f.

plugins/plugin-react-refresh/plugin.js

@@ -13,8 +13,9 @@ const reactRefreshCode = fs
   .replace(`process.env.NODE_ENV`, JSON.stringify('development'));
 
 function transformHtml(contents) {
-  return contents.replace(/(.*)(<body.*?>)(.*)/s, function (match, p1, p2, p3) {
-    return `${p1}${p2}
+  return contents.replace(
+    /<body.*?>/s,
+    `$&
 <script>
   function debounce(e,t){let u;return()=>{clearTimeout(u),u=setTimeout(e,t)}}
   {
@@ -26,8 +27,8 @@ function transformHtml(contents) {
     window.$RefreshReg$ = () => {};
     window.$RefreshSig$ = () => (type) => type;
   }
-</script>${p3}`;
-  });
+</script>`,
+  );
 }
 
 const babel = require('@babel/core');

plugins/plugin-react-refresh/test/__snapshots__/plugin.test.js.snap

@@ -370,7 +370,7 @@ function register(type, id) {
     allFamiliesByType.set(type, family); // Visit inner types because we might not have registered them.
 
     if (typeof type === 'object' && type !== null) {
-      switch (type.$$typeof) {
+      switch (type.$typeof) {
         case REACT_FORWARD_REF_TYPE:
           register(type.render, id + '$render');
           break;
@@ -653,7 +653,7 @@ function isLikelyComponentType(type) {
       case 'object':
         {
           if (type != null) {
-            switch (type.$$typeof) {
+            switch (type.$typeof) {
               case REACT_FORWARD_REF_TYPE:
               case REACT_MEMO_TYPE:
                 // Definitely React components.
@@ -1083,7 +1083,7 @@ function register(type, id) {
     allFamiliesByType.set(type, family); // Visit inner types because we might not have registered them.
 
     if (typeof type === 'object' && type !== null) {
-      switch (type.$$typeof) {
+      switch (type.$typeof) {
         case REACT_FORWARD_REF_TYPE:
           register(type.render, id + '$render');
           break;
@@ -1366,7 +1366,7 @@ function isLikelyComponentType(type) {
       case 'object':
         {
           if (type != null) {
-            switch (type.$$typeof) {
+            switch (type.$typeof) {
               case REACT_FORWARD_REF_TYPE:
               case REACT_MEMO_TYPE:
                 // Definitely React components.
@@ -1785,7 +1785,7 @@ function register(type, id) {
     allFamiliesByType.set(type, family); // Visit inner types because we might not have registered them.
 
     if (typeof type === 'object' && type !== null) {
-      switch (type.$$typeof) {
+      switch (type.$typeof) {
         case REACT_FORWARD_REF_TYPE:
           register(type.render, id + '$render');
           break;
@@ -2068,7 +2068,7 @@ function isLikelyComponentType(type) {
       case 'object':
         {
           if (type != null) {
-            switch (type.$$typeof) {
+            switch (type.$typeof) {
               case REACT_FORWARD_REF_TYPE:
               case REACT_MEMO_TYPE:
                 // Definitely React components.