twentyhq · charlesBochet · Jun 24, 2026 · Jun 24, 2026 · Jun 24, 2026
diff --git a/packages/create-twenty-app/package.json b/packages/create-twenty-app/package.json
@@ -51,8 +51,7 @@
     "twenty-shared": "workspace:*",
     "typescript": "^5.9.3",
     "vite": "^8.0.0",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-tsconfig-paths": "^4.2.1"
+    "vite-plugin-dts": "^4.5.4"
   },
   "engines": {
     "node": "^24.5.0",

diff --git a/packages/create-twenty-app/src/constants/template/package.json b/packages/create-twenty-app/src/constants/template/package.json
@@ -26,7 +26,6 @@
     "twenty-client-sdk": "TO-BE-GENERATED",
     "twenty-sdk": "TO-BE-GENERATED",
     "typescript": "^5.9.3",
-    "vite-tsconfig-paths": "^4.2.1",
     "vitest": "^3.1.1"
   }
 }
diff --git a/packages/create-twenty-app/src/constants/template/vitest.config.ts b/packages/create-twenty-app/src/constants/template/vitest.config.ts
@@ -1,4 +1,3 @@
-import tsconfigPaths from 'vite-tsconfig-paths';
 import { defineConfig } from 'vitest/config';
 
 const TWENTY_API_URL = process.env.TWENTY_API_URL ?? 'http://localhost:2020';
@@ -11,12 +10,9 @@ process.env.TWENTY_API_URL = TWENTY_API_URL;
 process.env.TWENTY_API_KEY = TWENTY_API_KEY;
 
 export default defineConfig({
-  plugins: [
-    tsconfigPaths({
-      projects: ['tsconfig.spec.json'],
-      ignoreConfigErrors: true,
-    }),
-  ],
+  resolve: {
+    tsconfigPaths: true,
+  },
   test: {
     testTimeout: 120_000,
     hookTimeout: 120_000,

diff --git a/packages/create-twenty-app/vite.config.ts b/packages/create-twenty-app/vite.config.ts
@@ -2,7 +2,6 @@ import fs from 'fs-extra';
 import path from 'path';
 import { defineConfig } from 'vite';
 import dts from 'vite-plugin-dts';
-import tsconfigPaths from 'vite-tsconfig-paths';
 import packageJson from './package.json';
 import type { PackageJson } from 'type-fest';
 
@@ -55,10 +54,10 @@ export default defineConfig(() => {
   return {
     root: __dirname,
     cacheDir: '../../node_modules/.vite/packages/create-twenty-app',
+    resolve: {
+      tsconfigPaths: true,
+    },
     plugins: [
-      tsconfigPaths({
-        root: __dirname,
-      }),
       dts({ entryRoot: './src', tsconfigPath: tsConfigPath }),
       copyAssetPlugin([
         {

diff --git a/packages/twenty-apps/examples/hello-world/package.json b/packages/twenty-apps/examples/hello-world/package.json
@@ -24,7 +24,6 @@
     "twenty-client-sdk": "2.13.0",
     "twenty-sdk": "2.13.0",
     "typescript": "^5.9.3",
-    "vite-tsconfig-paths": "^4.2.1",
     "vitest": "^4.0.0"
   }
 }
diff --git a/packages/twenty-apps/examples/hello-world/vitest.config.ts b/packages/twenty-apps/examples/hello-world/vitest.config.ts
@@ -1,13 +1,9 @@
-import tsconfigPaths from 'vite-tsconfig-paths';
 import { defineConfig } from 'vitest/config';
 
 export default defineConfig({
-  plugins: [
-    tsconfigPaths({
-      projects: ['tsconfig.spec.json'],
-      ignoreConfigErrors: true,
-    }),
-  ],
+  resolve: {
+    tsconfigPaths: true,
+  },
   test: {
     testTimeout: 120_000,
     hookTimeout: 120_000,

diff --git a/packages/twenty-apps/examples/postcard/package.json b/packages/twenty-apps/examples/postcard/package.json
@@ -32,7 +32,6 @@
     "twenty-client-sdk": "2.13.0",
     "twenty-sdk": "2.13.0",
     "typescript": "^5.9.3",
-    "vite-tsconfig-paths": "^4.2.1",
     "vitest": "^4.0.0"
   }
 }
diff --git a/packages/twenty-apps/examples/postcard/vitest.config.ts b/packages/twenty-apps/examples/postcard/vitest.config.ts
@@ -1,4 +1,3 @@
-import tsconfigPaths from 'vite-tsconfig-paths';
 import { defineConfig } from 'vitest/config';
 
 const TWENTY_API_URL = process.env.TWENTY_API_URL ?? 'http://localhost:2020';
@@ -11,12 +10,9 @@ process.env.TWENTY_API_URL = TWENTY_API_URL;
 process.env.TWENTY_API_KEY = TWENTY_API_KEY;
 
 export default defineConfig({
-  plugins: [
-    tsconfigPaths({
-      projects: ['tsconfig.spec.json'],
-      ignoreConfigErrors: true,
-    }),
-  ],
+  resolve: {
+    tsconfigPaths: true,
+  },
   test: {
     testTimeout: 120_000,
     hookTimeout: 120_000,

diff --git a/packages/twenty-client-sdk/package.json b/packages/twenty-client-sdk/package.json
@@ -62,7 +62,6 @@
     "typescript": "^5.9.3",
     "vite": "^8.0.0",
     "vite-plugin-dts": "^4.5.4",
-    "vite-tsconfig-paths": "^4.2.1",
     "vitest": "^4.1.0"
   },
   "engines": {

diff --git a/packages/twenty-client-sdk/vite.config.ts b/packages/twenty-client-sdk/vite.config.ts
@@ -1,6 +1,5 @@
 import path from 'path';
 import { defineConfig } from 'vite';
-import tsconfigPaths from 'vite-tsconfig-paths';
 import packageJson from './package.json';
 
 const entries = [
@@ -51,15 +50,11 @@ export default defineConfig(() => {
     root: __dirname,
     cacheDir: '../../node_modules/.vite/packages/twenty-client-sdk',
     resolve: {
+      tsconfigPaths: true,
       alias: {
         '@/': path.resolve(__dirname, 'src') + '/',
       },
     },
-    plugins: [
-      tsconfigPaths({
-        root: __dirname,
-      }),
-    ],
     build: {
       emptyOutDir: false,
       outDir: 'dist',

diff --git a/packages/twenty-emails/vite.config.ts b/packages/twenty-emails/vite.config.ts
@@ -5,7 +5,6 @@ import react from '@vitejs/plugin-react-swc';
 import * as path from 'path';
 import { APP_LOCALES } from 'twenty-shared/translations';
 import { defineConfig, type Plugin } from 'vite';
-import tsconfigPaths from 'vite-tsconfig-paths';
 
 // twenty-emails bundles its deps (the Node server that consumes it doesn't have
 // @react-email et al.) but runs in Node. A plain client/lib build under Vite 8
@@ -41,6 +40,7 @@ export default defineConfig({
   cacheDir: '../../node_modules/.vite/packages/twenty-emails',
 
   resolve: {
+    tsconfigPaths: true,
     alias: {
       '@/': path.resolve(__dirname, 'src') + '/',
       'src/': path.resolve(__dirname, 'src') + '/',
@@ -61,9 +61,6 @@ export default defineConfig({
     lingui({
       configPath: path.resolve(__dirname, './lingui.config.ts'),
     }),
-    tsconfigPaths({
-      root: __dirname,
-    }),
   ],
 
   build: {

diff --git a/packages/twenty-front-component-renderer/.storybook/main.ts b/packages/twenty-front-component-renderer/.storybook/main.ts
@@ -1,15 +1,12 @@
 import type { StorybookConfig } from '@storybook/react-vite';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
-import tsconfigPaths from 'vite-tsconfig-paths';
 
 const dirname =
   typeof __dirname !== 'undefined'
     ? __dirname
     : path.dirname(fileURLToPath(import.meta.url));
 
-const packageRoot = path.resolve(dirname, '..');
-
 const config: StorybookConfig = {
   stories: ['../src/**/*.stories.@(js|jsx|ts|tsx)'],
 
@@ -37,6 +34,7 @@ const config: StorybookConfig = {
       ...viteConfig,
       resolve: {
         ...viteConfig.resolve,
+        tsconfigPaths: true,
         alias: {
           ...viteConfig.resolve?.alias,
           '@': path.resolve(dirname, '../src'),
@@ -55,10 +53,6 @@ const config: StorybookConfig = {
           ),
         },
       },
-      plugins: [
-        ...(viteConfig.plugins ?? []),
-        tsconfigPaths({ root: packageRoot }),
-      ],
       optimizeDeps: {
         ...viteConfig.optimizeDeps,
         include: [

diff --git a/packages/twenty-front-component-renderer/package.json b/packages/twenty-front-component-renderer/package.json
@@ -50,8 +50,7 @@
     "twenty-sdk": "workspace:*",
     "twenty-shared": "workspace:*",
     "twenty-ui": "workspace:*",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-tsconfig-paths": "^4.2.1"
+    "vite-plugin-dts": "^4.5.4"
   },
   "engines": {
     "node": "^24.5.0",

diff --git a/packages/twenty-front-component-renderer/vite.config.ts b/packages/twenty-front-component-renderer/vite.config.ts
@@ -1,7 +1,6 @@
 import path from 'path';
 import { type PackageJson } from 'type-fest';
 import { defineConfig } from 'vite';
-import tsconfigPaths from 'vite-tsconfig-paths';
 
 import packageJson from './package.json';
 
@@ -11,15 +10,11 @@ export default defineConfig(() => {
     cacheDir:
       '../../node_modules/.vite/packages/twenty-front-component-renderer',
     resolve: {
+      tsconfigPaths: true,
       alias: {
         '@/': path.resolve(__dirname, 'src') + '/',
       },
     },
-    plugins: [
-      tsconfigPaths({
-        root: __dirname,
-      }),
-    ],
     worker: {
       format: 'iife',
       rollupOptions: {

diff --git a/packages/twenty-front/package.json b/packages/twenty-front/package.json
@@ -204,7 +204,6 @@
     "storybook-addon-mock-date": "2.0.0",
     "storybook-addon-pseudo-states": "^10.3.3",
     "ts-jest": "^29.1.1",
-    "vite-plugin-svgr": "^4.3.0",
-    "vite-tsconfig-paths": "^4.2.1"
+    "vite-plugin-svgr": "^4.3.0"
   }
 }
diff --git a/packages/twenty-front/vite.config.ts b/packages/twenty-front/vite.config.ts
@@ -12,7 +12,6 @@ import {
   searchForWorkspaceRoot,
 } from 'vite';
 import svgr from 'vite-plugin-svgr';
-import tsconfigPaths from 'vite-tsconfig-paths';
 
 import { createWywProfilingPlugin } from 'twenty-shared/vite';
 
@@ -74,10 +73,6 @@ export default defineConfig(({ mode }) => {
       react({
         plugins: [['@lingui/swc-plugin', {}]],
       }),
-      tsconfigPaths({
-        root: __dirname,
-        projects: ['tsconfig.json'],
-      }),
       svgr(),
       lingui({
         configPath: path.resolve(__dirname, './lingui.config.ts'),
@@ -260,10 +255,11 @@ export default defineConfig(({ mode }) => {
       },
     },
     resolve: {
+      tsconfigPaths: true,
       alias: [
         // wyw-in-js 1.x resolves modules in its CSS evaluator via vite's
-        // resolve.alias (it no longer picks up vite-tsconfig-paths), so the
-        // `@/` and `~/` tsconfig path aliases must be mirrored here.
+        // resolve.alias (not resolve.tsconfigPaths), so the `@/` and `~/`
+        // tsconfig path aliases must be mirrored here.
         { find: /^@\//, replacement: path.resolve(__dirname, 'src/modules') + '/' },
         { find: /^~\//, replacement: path.resolve(__dirname, 'src') + '/' },
         { find: 'path', replacement: 'rollup-plugin-node-polyfills/polyfills/path' },

diff --git a/packages/twenty-sdk/package.json b/packages/twenty-sdk/package.json
@@ -109,7 +109,6 @@
     "twenty-ui": "workspace:*",
     "vite": "^8.0.0",
     "vite-plugin-dts": "^4.5.4",
-    "vite-tsconfig-paths": "^4.2.1",
     "wait-on": "^9.0.10"
   },
   "engines": {

diff --git a/packages/twenty-sdk/vite.config.billing.ts b/packages/twenty-sdk/vite.config.billing.ts
@@ -1,7 +1,6 @@
 import path from 'path';
 import { type PackageJson } from 'type-fest';
 import { defineConfig } from 'vite';
-import tsconfigPaths from 'vite-tsconfig-paths';
 
 import packageJson from './package.json';
 
@@ -10,15 +9,11 @@ export default defineConfig(() => {
     root: __dirname,
     cacheDir: '../../node_modules/.vite/packages/twenty-sdk-billing',
     resolve: {
+      tsconfigPaths: true,
       alias: {
         '@/': path.resolve(__dirname, 'src') + '/',
       },
     },
-    plugins: [
-      tsconfigPaths({
-        root: __dirname,
-      }),
-    ],
     build: {
       emptyOutDir: false,
       outDir: 'dist/billing',

diff --git a/packages/twenty-sdk/vite.config.browser.ts b/packages/twenty-sdk/vite.config.browser.ts
@@ -1,7 +1,6 @@
 import path from 'path';
 import { type PackageJson } from 'type-fest';
 import { defineConfig } from 'vite';
-import tsconfigPaths from 'vite-tsconfig-paths';
 
 import packageJson from './package.json';
 
@@ -10,15 +9,11 @@ export default defineConfig(() => {
     root: __dirname,
     cacheDir: '../../node_modules/.vite/packages/twenty-sdk-browser',
     resolve: {
+      tsconfigPaths: true,
       alias: {
         '@/': path.resolve(__dirname, 'src') + '/',
       },
     },
-    plugins: [
-      tsconfigPaths({
-        root: __dirname,
-      }),
-    ],
     build: {
       emptyOutDir: false,
       outDir: 'dist',

diff --git a/packages/twenty-sdk/vite.config.define.ts b/packages/twenty-sdk/vite.config.define.ts
@@ -1,7 +1,6 @@
 import path from 'path';
 import { type PackageJson } from 'type-fest';
 import { defineConfig } from 'vite';
-import tsconfigPaths from 'vite-tsconfig-paths';
 
 import packageJson from './package.json';
 
@@ -10,15 +9,11 @@ export default defineConfig(() => {
     root: __dirname,
     cacheDir: '../../node_modules/.vite/packages/twenty-sdk-define',
     resolve: {
+      tsconfigPaths: true,
       alias: {
         '@/': path.resolve(__dirname, 'src') + '/',
       },
     },
-    plugins: [
-      tsconfigPaths({
-        root: __dirname,
-      }),
-    ],
     build: {
       emptyOutDir: false,
       outDir: 'dist/define',

diff --git a/packages/twenty-sdk/vite.config.front-component.ts b/packages/twenty-sdk/vite.config.front-component.ts
@@ -1,7 +1,6 @@
 import path from 'path';
 import { type PackageJson } from 'type-fest';
 import { defineConfig } from 'vite';
-import tsconfigPaths from 'vite-tsconfig-paths';
 
 import packageJson from './package.json';
 
@@ -10,15 +9,11 @@ export default defineConfig(() => {
     root: __dirname,
     cacheDir: '../../node_modules/.vite/packages/twenty-sdk-front-component',
     resolve: {
+      tsconfigPaths: true,
       alias: {
         '@/': path.resolve(__dirname, 'src') + '/',
       },
     },
-    plugins: [
-      tsconfigPaths({
-        root: __dirname,
-      }),
-    ],
     build: {
       emptyOutDir: false,
       outDir: 'dist/front-component',