Using Browser Router for prod

Author: makaroni4

.github/workflows/deploy.yml

@@ -37,6 +37,8 @@ jobs:
         start: npm run preview
         wait-on: 'http://localhost:5173'
         browser: chrome
+      env:
+        CYPRESS_BASE_URL: http://localhost:5173/ab-test-calculator-link/
 
   build:
     runs-on: ubuntu-latest

cypress.config.ts

@@ -2,7 +2,7 @@ import { defineConfig } from 'cypress';
 
 export default defineConfig({
   e2e: {
-    baseUrl: process.env.CYPRESS_BASE_URL || 'http://localhost:5173',
+    baseUrl: process.env.CYPRESS_BASE_URL,
     supportFile: false,
     specPattern: 'cypress/e2e/**/*.cy.{js,jsx,ts,tsx}',
     setupNodeEvents(on, config) {

src/main.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import { BrowserRouter, HashRouter } from 'react-router-dom';
+import { BrowserRouter } from 'react-router-dom';
 import App from './App';
 import './index.css';
 
-const Router = process.env.NODE_ENV === 'production' ? HashRouter : BrowserRouter;
+const Router = BrowserRouter;
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>