import { reactRouter } from "@react-router/dev/vite"; import { defineConfig } from "vite"; import tsconfigPaths from "vite-tsconfig-paths"; export default defineConfig({ plugins: [reactRouter(), tsconfigPaths()], }); { "include": ["**/*.ts", "**/*.tsx", ".react-router/types/**/*"], "compilerOptions": { "lib": ["DOM", "DOM.Iterable", "ES2019"], "isolatedModules": true, "esModuleInterop": true, "jsx": "react-jsx", "moduleResolution": "bundler", "resolveJsonModule": true, "target": "ES2019", "strict": true, "allowJs": true, "forceConsistentCasingInFileNames": true, "baseUrl": ".", "paths": { "~/*": ["./app/*"] }, "types": ["@react-router/node", "vite/client"], "rootDirs": [".", "./.react-router/types"], "skipLibCheck": true, "module": "ESNext", // Remix takes care of building everything in `remix build`. "noEmit": true } } import type { Config } from '@react-router/dev/config'; export default { // Config options... // Server-side render by default, to enable SPA mode set this to false ssr: true, } satisfies Config; { "name": "with-reactrouterv7-material-ui", "version": "1.0.0", "private": true, "sideEffects": false, "type": "module", "scripts": { "build": "refine build", "dev": "refine dev", "refine": "refine", "start": "refine start" }, "dependencies": { "@emotion/cache": "^11.11.0", "@emotion/react": "^11.8.2", "@emotion/styled": "^11.8.1", "@mui/icons-material": "^6.1.6", "@mui/lab": "^6.0.0-beta.14", "@mui/material": "^6.1.7", "@mui/x-data-grid": "^7.23.5", "@react-router/node": "^7.0.0", "@react-router/serve": "^7.0.0", "@refinedev/cli": "^2.16.46", "@refinedev/core": "^4.57.10", "@refinedev/inferencer": "^5.1.1", "@refinedev/kbar": "^1.3.16", "@refinedev/mui": "^6.2.2", "@refinedev/react-router": "^1.0.1", "@refinedev/simple-rest": "^5.0.10", "@refinedev/supabase": "^5.9.8", "cookie": "^0.5.0", "js-cookie": "^3.0.1", "nookies": "^2.5.2", "pipedrive": "^28.0.2", "react": "^18.0.0", "react-dom": "^18.0.0", "react-router": "^7.7.1", "react-transition-group": "^4.4.5" }, "devDependencies": { "@react-router/dev": "^7.7.1", "@types/node": "^18.16.2", "@types/react": "^18.0.0", "@types/react-dom": "^18.0.0", "@typescript-eslint/eslint-plugin": "^5.57.1", "@typescript-eslint/parser": "^5.57.1", "@vitejs/plugin-react": "^4.0.0", "eslint": "^8.38.0", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-refresh": "^0.3.4", "typescript": "^5.4.2", "vite": "^7.0.6", "vite-tsconfig-paths": "^5.1.4" }, "engines": { "node": ">=20" } } npm run dev > with-reactrouterv7-material-ui@1.0.0 dev > refine dev ╭───────────────────────────────────────────────────────────────────────────────────────────────────╮ │ │ │ Refine AI is out! Create Refine projects end-to-end with Refine AI, now with ShadCN support. │ │ https://s.refine.dev/refine-ai │ │ │ ╰───────────────────────────────────────────────────────────────────────────────────────────────────╯ VITE v7.0.6 ready in 3691 ms ➜ Local: http://localhost:5173/ ➜ Network: use --host to expose X [ERROR] Failed to resolve entry for package "kbar". The package may have incorrect main/module/exports specified in its package.json. [plugin vite:dep-pre-bundle] node_modules/@refinedev/kbar/dist/index.mjs:2:153: 2 │ ...mport{KBarProvider as vt}from"kbar";import{KBAR_LISTBOX as Ke,KB... ╵ ~~~~~~ This error came from the "onResolve" callback registered here: node_modules/esbuild/lib/main.js:1141:20: 1141 │ let promise = setup({ ╵ ^ at setup (file:///C:/_git/with-remix-material-ui/node_modules/vite/dist/node/chunks/dep-BHkUv4Z8.js:9641:12) at handlePlugins (C:\_git\with-remix-material-ui\node_modules\esbuild\lib\main.js:1141:21) at buildOrContextImpl (C:\_git\with-remix-material-ui\node_modules\esbuild\lib\main.js:854:5) at Object.buildOrContext (C:\_git\with-remix-material-ui\node_modules\esbuild\lib\main.js:680:5) at C:\_git\with-remix-material-ui\node_modules\esbuild\lib\main.js:2035:68 at new Promise () at Object.context (C:\_git\with-remix-material-ui\node_modules\esbuild\lib\main.js:2035:27) at Object.context (C:\_git\with-remix-material-ui\node_modules\esbuild\lib\main.js:1877:58) at prepareEsbuildOptimizerRun (file:///C:/_git/with-remix-material-ui/node_modules/vite/dist/node/chunks/dep-BHkUv4Z8.js:11386:32) C:\_git\with-remix-material-ui\node_modules\esbuild\lib\main.js:1467 let error = new Error(text); ^ Error: Build failed with 1 error: node_modules/@refinedev/kbar/dist/index.mjs:2:153: ERROR: [plugin: vite:dep-pre-bundle] Failed to resolve entry for package "kbar". The package may have incorrect main/module/exports specified in its package.json. at failureErrorWithLog (C:\_git\with-remix-material-ui\node_modules\esbuild\lib\main.js:1467:15) at C:\_git\with-remix-material-ui\node_modules\esbuild\lib\main.js:926:25 at C:\_git\with-remix-material-ui\node_modules\esbuild\lib\main.js:1345:9 at processTicksAndRejections (node:internal/process/task_queues:105:5) { errors: [Getter/Setter], warnings: [Getter/Setter] } Node.js v22.14.0 C:\_git\with-remix-material-ui\node_modules\execa\lib\error.js:60 error = new Error(message); ^ Error: Command failed with exit code 1: C:\_git\with-remix-material-ui\node_modules\.bin\vite dev X [ERROR] Failed to resolve entry for package "kbar". The package may have incorrect main/module/exports specified in its package.json. [plugin vite:dep-pre-bundle] node_modules/@refinedev/kbar/dist/index.mjs:2:153: 2 │ ...mport{KBarProvider as vt}from"kbar";import{KBAR_LISTBOX as Ke,KB... ╵ ~~~~~~ This error came from the "onResolve" callback registered here: node_modules/esbuild/lib/main.js:1141:20: 1141 │ let promise = setup({ ╵ ^ at setup (file:///C:/_git/with-remix-material-ui/node_modules/vite/dist/node/chunks/dep-BHkUv4Z8.js:9641:12) at handlePlugins (C:\_git\with-remix-material-ui\node_modules\esbuild\lib\main.js:1141:21) at buildOrContextImpl (C:\_git\with-remix-material-ui\node_modules\esbuild\lib\main.js:854:5) at Object.buildOrContext (C:\_git\with-remix-material-ui\node_modules\esbuild\lib\main.js:680:5) at C:\_git\with-remix-material-ui\node_modules\esbuild\lib\main.js:2035:68 at new Promise () at Object.context (C:\_git\with-remix-material-ui\node_modules\esbuild\lib\main.js:2035:27) at Object.context (C:\_git\with-remix-material-ui\node_modules\esbuild\lib\main.js:1877:58) at prepareEsbuildOptimizerRun (file:///C:/_git/with-remix-material-ui/node_modules/vite/dist/node/chunks/dep-BHkUv4Z8.js:11386:32) C:\_git\with-remix-material-ui\node_modules\esbuild\lib\main.js:1467 let error = new Error(text); ^ Error: Build failed with 1 error: node_modules/@refinedev/kbar/dist/index.mjs:2:153: ERROR: [plugin: vite:dep-pre-bundle] Failed to resolve entry for package "kbar". The package may have incorrect main/module/exports specified in its package.json. at failureErrorWithLog (C:\_git\with-remix-material-ui\node_modules\esbuild\lib\main.js:1467:15) at C:\_git\with-remix-material-ui\node_modules\esbuild\lib\main.js:926:25 at C:\_git\with-remix-material-ui\node_modules\esbuild\lib\main.js:1345:9 at processTicksAndRejections (node:internal/process/task_queues:105:5) { errors: [Getter/Setter], warnings: [Getter/Setter] } Node.js v22.14.0 VITE v7.0.6 ready in 3691 ms ➜ Local: http://localhost:5173/ ➜ Network: use --host to expose at makeError (C:\_git\with-remix-material-ui\node_modules\execa\lib\error.js:60:11) at handlePromise (C:\_git\with-remix-material-ui\node_modules\execa\index.js:118:26) at process.processTicksAndRejections (node:internal/process/task_queues:105:5) at async M (C:\_git\with-remix-material-ui\node_modules\@refinedev\cli\dist\cli.cjs:5:377) { shortMessage: 'Command failed with exit code 1: C:\\_git\\with-remix-material-ui\\node_modules\\.bin\\vite dev', command: 'C:\\_git\\with-remix-material-ui\\node_modules\\.bin\\vite dev', escapedCommand: '"C:\\_git\\with-remix-material-ui\\node_modules\\.bin\\vite" dev', exitCode: 1, signal: undefined, signalDescription: undefined, stdout: '\n' + ' \x1B[32m\x1B[1mVITE\x1B[22m v7.0.6\x1B[39m \x1B[2mready in \x1B[0m\x1B[1m3691\x1B[22m\x1B[2m\x1B[0m ms\x1B[22m\n' + '\n' + ' \x1B[32m➜\x1B[39m \x1B[1mLocal\x1B[22m: \x1B[36mhttp://localhost:\x1B[1m5173\x1B[22m/\x1B[39m\n' + '\x1B[2m \x1B[32m➜\x1B[39m \x1B[1mNetwork\x1B[22m\x1B[2m: use \x1B[22m\x1B[1m--host\x1B[22m\x1B[2m to expose\x1B[22m', stderr: 'X [ERROR] Failed to resolve entry for package "kbar". The package may have incorrect main/module/exports specified in its package.json. [plugin vite:dep-pre-bundle]\n' + '\n' + ' node_modules/@refinedev/kbar/dist/index.mjs:2:153:\n' + ' 2 │ ...mport{KBarProvider as vt}from"kbar";import{KBAR_LISTBOX as Ke,KB...\n' + ' ╵ ~~~~~~\n' + '\n' + ' This error came from the "onResolve" callback registered here:\n' + '\n' + ' node_modules/esbuild/lib/main.js:1141:20:\n' + ' 1141 │ let promise = setup({\n' + ' ╵ ^\n' + '\n' + ' at setup (file:///C:/_git/with-remix-material-ui/node_modules/vite/dist/node/chunks/dep-BHkUv4Z8.js:9641:12)\n' + ' at handlePlugins (C:\\_git\\with-remix-material-ui\\node_modules\\esbuild\\lib\\main.js:1141:21)\n' + ' at buildOrContextImpl (C:\\_git\\with-remix-material-ui\\node_modules\\esbuild\\lib\\main.js:854:5)\n' + ' at Object.buildOrContext (C:\\_git\\with-remix-material-ui\\node_modules\\esbuild\\lib\\main.js:680:5)\n' + ' at C:\\_git\\with-remix-material-ui\\node_modules\\esbuild\\lib\\main.js:2035:68\n' + ' at new Promise ()\n' + ' at Object.context (C:\\_git\\with-remix-material-ui\\node_modules\\esbuild\\lib\\main.js:2035:27)\n' + ' at Object.context (C:\\_git\\with-remix-material-ui\\node_modules\\esbuild\\lib\\main.js:1877:58)\n' + ' at prepareEsbuildOptimizerRun (file:///C:/_git/with-remix-material-ui/node_modules/vite/dist/node/chunks/dep-BHkUv4Z8.js:11386:32)\n' + '\n' + 'C:\\_git\\with-remix-material-ui\\node_modules\\esbuild\\lib\\main.js:1467\r\n' + ' let error = new Error(text);\r\n' + ' ^\r\n' + '\r\n' + 'Error: Build failed with 1 error:\r\n' + 'node_modules/@refinedev/kbar/dist/index.mjs:2:153: ERROR: [plugin: vite:dep-pre-bundle] Failed to resolve entry for package "kbar". The package may have incorrect main/module/exports specified in its package.json.\r\n' + ' at failureErrorWithLog \x1B[90m(C:\\_git\\with-remix-material-ui\\\x1B[39mnode_modules\\\x1B[4mesbuild\x1B[24m\\lib\\main.js:1467:15\x1B[90m)\x1B[39m\r\n' + ' at \x1B[90mC:\\_git\\with-remix-material-ui\\\x1B[39mnode_modules\\\x1B[4mesbuild\x1B[24m\\lib\\main.js:926:25\r\n' + ' at \x1B[90mC:\\_git\\with-remix-material-ui\\\x1B[39mnode_modules\\\x1B[4mesbuild\x1B[24m\\lib\\main.js:1345:9\r\n' + '\x1B[90m at processTicksAndRejections (node:internal/process/task_queues:105:5)\x1B[39m {\r\n' + ' errors: \x1B[36m[Getter/Setter]\x1B[39m,\r\n' + ' warnings: \x1B[36m[Getter/Setter]\x1B[39m\r\n' + '}\r\n' + '\r\n' + 'Node.js v22.14.0', failed: true, timedOut: false, isCanceled: false, killed: false } Node.js v22.14.0