fix: use hashrouter instead browserrouter

package.json

@@ -1,12 +1,13 @@
 {
   "name": "testing-playground",
+  "homepage": "https://nearform.github.io/testing-playground/#/",
   "private": true,
   "version": "1.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "NODE_ENV=development vite",
     "build": "tsc && vite build",
-    "preview": "vite preview",
+    "preview": "NODE_ENV=development vite preview",
     "prepare": "husky install",
     "test": "vitest"
   },

src/Main.tsx

@@ -2,7 +2,7 @@ import { ThemeProvider } from '@emotion/react'
 import * as React from 'react'
 import * as ReactDOM from 'react-dom/client'
 import { I18nextProvider } from 'react-i18next'
-import { BrowserRouter } from 'react-router-dom'
+import { HashRouter } from 'react-router-dom'
 
 import i18n from './i18n/i18nConfig'
 import Router from './Router'
@@ -15,11 +15,11 @@ if (rootElement !== null) {
     <React.StrictMode>
       <I18nextProvider i18n={i18n}>
         <ThemeProvider theme={Theme}>
-          <BrowserRouter basename='/testing-playground'>
+          <HashRouter basename={import.meta.env.BASE_URL}>
             <Router />
-          </BrowserRouter>
+          </HashRouter>
         </ThemeProvider>
       </I18nextProvider>
-    </React.StrictMode>,
+    </React.StrictMode>
   )
 }

tsconfig.json

@@ -15,6 +15,10 @@
     "skipLibCheck": true,
     "strict": true,
     "target": "ESNext",
+    "types": [
+      "react",
+      "vite/client"
+    ],
     "useDefineForClassFields": true
   },
   "include": [

vite.config.ts

@@ -2,7 +2,7 @@ import react from '@vitejs/plugin-react'
 import { defineConfig } from 'vite'
 
 export default defineConfig({
-  base: '/testing-playground',
+  base: process.env.NODE_ENV === 'production' ? '/testing-playground/#/' : '/#/',
   build: {
     minify: false
   },