fix: react fast refresh by reordering Vite React preamble script first

Author: Tyler Brenneman

src/helpers.ts

@@ -25,30 +25,26 @@ export function isObject(value: unknown): value is Record<string, unknown> {
 function getViteScripts() {
   const entries: string[] = []
 
-  for (const source of bundleEntries) {
-    if (/\.(js|ts)x?/.test(source)) {
-      entries.push(`<script type="module" src="/${source}"></script>`)
-    } else if (/\.(css|less|sass|scss|postcss)/.test(source)) {
-      entries.push(`<link rel="stylesheet" href="/${source}"/>`)
-    }
-  }
-
-  let scripts = `
-<script type="module" src="/@vite/client"></script>
-${entries.join('\n')}
-`
+  entries.push('<script type="module" src="/@vite/client"></script>')
 
   const isUsingReact = resolvedConfig.plugins.find(({ name }) => name === 'vite:react-refresh')
-
   if (isUsingReact) {
-    scripts += `
+    entries.push(`
 <script type="module">
   ${viteReact.preambleCode.replace('__BASE__', resolvedConfig.base)}
 </script>
-    `
+    `)
+  }
+
+  for (const source of bundleEntries) {
+    if (/\.(js|ts)x?/.test(source)) {
+      entries.push(`<script type="module" src="/${source}"></script>`)
+    } else if (/\.(css|less|sass|scss|postcss)/.test(source)) {
+      entries.push(`<link rel="stylesheet" href="/${source}"/>`)
+    }
   }
 
-  return scripts
+  return entries.join('\n')
 }
 
 /**