From 93f4f28340b47a82eb73294050582440c32e3557 Mon Sep 17 00:00:00 2001
From: Inkithai <108919130+Inkithai@users.noreply.github.com>
Date: Sun, 26 Jul 2026 01:39:19 +0000
Subject: [PATCH] fix: resolve duplicate React instances and invalid hook call
 crash

Co-authored-by: arena-agent <297053741+arena-agent@users.noreply.github.com>
---
 frontend/src/main.jsx   | 2 +-
 frontend/vite.config.js | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx
index 0fdb655..09e6bd4 100644
--- a/frontend/src/main.jsx
+++ b/frontend/src/main.jsx
@@ -1,6 +1,6 @@
-import './i18n';
 import React from "react";
 import ReactDOM from "react-dom/client";
+import './i18n';
 import { BrowserRouter } from "react-router-dom";
 import App from "./App";
 import "./index.css";
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index e0b4abc..60d573e 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -1,10 +1,18 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 import tailwindcss from '@tailwindcss/vite';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 export default defineConfig({
   plugins: [react(), tailwindcss()],
   resolve: {
+    alias: {
+      react: path.resolve(__dirname, 'node_modules/react'),
+      'react-dom': path.resolve(__dirname, 'node_modules/react-dom')
+    },
     dedupe: ['react', 'react-dom']
   },
   server: {