diff --git a/apps/web/src/pages/_app.tsx b/apps/web/src/pages/_app.tsx
index d8a62b02..414b853e 100644
--- a/apps/web/src/pages/_app.tsx
+++ b/apps/web/src/pages/_app.tsx
@@ -1,5 +1,5 @@
 import { ThemeProvider } from 'next-themes';
-import { type AppProps } from 'next/app.js';
+import { type AppProps } from 'next/app';
 
 import '@/styles/globals.css';
 
diff --git a/apps/web/src/pages/_document.tsx b/apps/web/src/pages/_document.tsx
index 75aa29de..9a3c4c37 100644
--- a/apps/web/src/pages/_document.tsx
+++ b/apps/web/src/pages/_document.tsx
@@ -1,4 +1,4 @@
-import { Head, Html, Main, NextScript } from 'next/document.js';
+import { Head, Html, Main, NextScript } from 'next/document';
 
 export default function Document() {
   return (
diff --git a/apps/web/src/tests/home.spec.tsx b/apps/web/src/tests/home.spec.tsx
index 5e9b05d9..97b803b1 100644
--- a/apps/web/src/tests/home.spec.tsx
+++ b/apps/web/src/tests/home.spec.tsx
@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react';
 
-import Home from '@/pages/index.jsx';
+import Home from '@/pages/index';
 
 describe('Home page', () => {
   it('should render the home page', () => {
diff --git a/packages/config/storybook/package.json b/packages/config/storybook/package.json
index 595391f1..3d911739 100644
--- a/packages/config/storybook/package.json
+++ b/packages/config/storybook/package.json
@@ -16,7 +16,7 @@
       ".": [
         "dist/main.d.ts"
       ],
-      "./preview": [
+      "preview": [
         "dist/preview.d.ts"
       ]
     }
diff --git a/packages/config/tailwind/package.json b/packages/config/tailwind/package.json
index e07e35e9..83000c4b 100644
--- a/packages/config/tailwind/package.json
+++ b/packages/config/tailwind/package.json
@@ -10,6 +10,7 @@
     ".": "./dist/tailwind.config.js",
     "./postcss.cjs": "./postcss.cjs"
   },
+  "main": "./dist/tailwind.config.js",
   "scripts": {
     "build": "tsc",
     "dev": "tsc -w",
diff --git a/packages/config/tsconfig/base.json b/packages/config/tsconfig/base.json
index 1590be16..b0b492d8 100644
--- a/packages/config/tsconfig/base.json
+++ b/packages/config/tsconfig/base.json
@@ -13,14 +13,11 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "preserveWatchOutput": true,
-
     "checkJs": true,
     "allowJs": true,
-
     "esModuleInterop": true,
     "skipLibCheck": true,
     "forceConsistentCasingInFileNames": true,
-
     "lib": ["es2022"],
     "module": "ESNext",
     "target": "es2022",
@@ -28,7 +25,6 @@
     "resolveJsonModule": true,
     "incremental": true,
     "declaration": true,
-
-    "moduleResolution": "nodenext"
+    "moduleResolution": "node"
   }
 }
diff --git a/packages/config/vitest/index.ts b/packages/config/vitest/index.ts
index 75fc1712..f4cf693f 100644
--- a/packages/config/vitest/index.ts
+++ b/packages/config/vitest/index.ts
@@ -22,7 +22,6 @@ export const baseConfig = defineConfig({
 });
 
 export const reactConfig = mergeConfig(baseConfig, {
-  // @ts-expect-error react plugin is callable
   plugins: [react()],
   test: {
     environment: 'happy-dom',
diff --git a/packages/ui/package.json b/packages/ui/package.json
index fec1fb80..4a4d0416 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -10,6 +10,7 @@
       "import": "./dist/index.js"
     }
   },
+  "main": "./dist/index.js",
   "scripts": {
     "build": "tsc -p tsconfig.build.json",
     "build-storybook": "storybook build",
diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts
index e11fb264..f5f2f27f 100644
--- a/packages/ui/src/index.ts
+++ b/packages/ui/src/index.ts
@@ -1 +1 @@
-export { Typography } from './typography/typography.js';
+export { Typography } from './typography/typography';
diff --git a/packages/ui/src/typography/typography.spec.tsx b/packages/ui/src/typography/typography.spec.tsx
index b5cbfcd6..059ceefc 100644
--- a/packages/ui/src/typography/typography.spec.tsx
+++ b/packages/ui/src/typography/typography.spec.tsx
@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react';
 
-import { Typography } from './typography.js';
+import { Typography } from './typography';
 
 describe('typography component', () => {
   it('should render the component', () => {
diff --git a/packages/ui/src/typography/typography.stories.tsx b/packages/ui/src/typography/typography.stories.tsx
index fc5b74e8..e04f84bb 100644
--- a/packages/ui/src/typography/typography.stories.tsx
+++ b/packages/ui/src/typography/typography.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
-import { Typography } from './typography.js';
+import { Typography } from './typography';
 
 export default {
   title: 'UI / Typography',