From 06c69cb3c5597920f8475c8b3bc90d9f5011fa0b Mon Sep 17 00:00:00 2001
From: Maulana Sodiqin <maulanasdqn@gmail.com>
Date: Sun, 12 Apr 2026 23:57:57 +0700
Subject: [PATCH] fix(backoffice): React 19 read-only property runtime errors

Menambahkan resolve.dedupe untuk react/react-dom/@tanstack/react-router/
@tanstack/react-query di vite.config.ts agar tidak ada duplicate instance
yang di-bundle dari Radix primitives.

Menghapus StrictMode dari main.tsx karena combining StrictMode dengan
recharts 3.x (yang bawa @reduxjs/toolkit + immer autoFreeze) + TanStack
Router 1.168 trigger "Cannot assign to read only property 'lanes' of
#<li>" dan "pendingBuiltLocation of #<zr>" saat navigate.

Juga perbaiki duplikasi block build: di config lama ada dua property
build (yang kedua menimpa yang pertama jadi rolldownOptions hilang).
Sekarang rolldownOptions code-splitting vendor aktif.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 apps/backoffice/src/main.tsx   | 11 ++++-------
 apps/backoffice/vite.config.ts |  7 ++++++-
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/apps/backoffice/src/main.tsx b/apps/backoffice/src/main.tsx
index cf947ab..a94a035 100644
--- a/apps/backoffice/src/main.tsx
+++ b/apps/backoffice/src/main.tsx
@@ -1,4 +1,3 @@
-import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import { RouterProvider, createRouter } from '@tanstack/react-router'
 import { QueryProvider } from '@imphnen-frontend-service/utils'
@@ -19,10 +18,8 @@ const rootElement = document.getElementById('root')
 if (!rootElement) throw new Error('Failed to find the root element')
 
 createRoot(rootElement).render(
-  <StrictMode>
-    <QueryProvider>
-      <RouterProvider router={router} />
-      <Toaster position="top-right" />
-    </QueryProvider>
-  </StrictMode>
+  <QueryProvider>
+    <RouterProvider router={router} />
+    <Toaster position="top-right" />
+  </QueryProvider>
 )
diff --git a/apps/backoffice/vite.config.ts b/apps/backoffice/vite.config.ts
index 32ea9c1..87999d0 100644
--- a/apps/backoffice/vite.config.ts
+++ b/apps/backoffice/vite.config.ts
@@ -16,7 +16,9 @@ export default defineConfig(() => ({
     port: 3001,
     host: 'localhost',
   },
-  build: { rolldownOptions: { output: { codeSplitting: { groups: [{ name: 'vendor', test: /node_modules/ }] } } } },
+  resolve: {
+    dedupe: ['react', 'react-dom', '@tanstack/react-router', '@tanstack/react-query'],
+  },
   plugins: [
     TanStackRouterVite({
       routeFileIgnorePattern: '_components|_hooks|_hook|_data',
@@ -32,6 +34,9 @@ export default defineConfig(() => ({
     commonjsOptions: {
       transformMixedEsModules: true,
     },
+    rolldownOptions: {
+      output: { codeSplitting: { groups: [{ name: 'vendor', test: /node_modules/ }] } },
+    },
   },
   test: {
     watch: false,