fix: import react-refresh without depending on extension

client/ReactRefreshEntry.js

@@ -1,7 +1,7 @@
 /* global __react_refresh_library__ */
 
-const safeThis = require('core-js-pure/features/global-this.js');
-const RefreshRuntime = require('react-refresh/runtime.js');
+const safeThis = require('core-js-pure/features/global-this');
+const RefreshRuntime = require('react-refresh/runtime');
 
 if (process.env.NODE_ENV !== 'production') {
   if (typeof safeThis !== 'undefined') {

loader/index.js

@@ -17,7 +17,7 @@ const {
 const schema = require('./options.json');
 
 const RefreshRuntimePath = require
-  .resolve('react-refresh/runtime.js')
+  .resolve('react-refresh')
   .replace(/\\/g, '/')
   .replace(/'/g, "\\'");
 

sockets/WPSSocket.js

@@ -1,5 +1,5 @@
 /* global ʎɐɹɔosǝʌɹǝs */
-const { ClientSocket } = require('webpack-plugin-serve/lib/client/ClientSocket.js');
+const { ClientSocket } = require('webpack-plugin-serve/lib/client/ClientSocket');
 
 /**
  * Initializes a socket server for HMR for webpack-plugin-serve.

test/jest-resolver.js

@@ -4,11 +4,11 @@
  * @return {string}
  */
 function resolver(request, options) {
-  // This acts as a mock for `require.resolve('react-refresh/runtime.js')`,
+  // This acts as a mock for `require.resolve('react-refresh')`,
   // since the current mocking behaviour of Jest is not symmetrical,
   // i.e. only `require` is mocked but not `require.resolve`.
-  if (request === 'react-refresh/runtime.js') {
-    return 'react-refresh/runtime.js';
+  if (request === 'react-refresh') {
+    return 'react-refresh';
   }
 
   return options.defaultResolver(request, options);