auto add useRemoteRefresh hook

index.js

@@ -1,3 +1,4 @@
+const path = require('path')
 const createServer = require('./server')
 
 let port
@@ -15,6 +16,14 @@ module.exports = function plugin(options) {
       }
     }
 
+    nextConfig.webpack = (config) => {
+      config.module.rules.unshift({
+        test: /_app.*(js|jsx|ts|tsx)$/,
+        use: [{ loader: path.resolve(__dirname, 'loader') }],
+      })
+      return config
+    }
+
     return nextConfig
   }
 }

loader.js

@@ -0,0 +1,10 @@
+const remoteRefreshExport = `
+function RemoteRefresh(props) {
+    return _react["default"].createElement(App, Object.assign({}, props, { children: 'Hello World' }));
+};
+exports.default = RemoteRefresh;
+`
+
+module.exports = function (source) {
+  return source.replace('exports.default = App;', remoteRefreshExport)
+}