Vite (Tanstack Router) + Next monorepo

[EliasGit117]

Hi, I'm trying to configure properly monorepo with Vite app along side with NextJS, and I have met some challenges on my path.

I get error

I fixed it by adding paths to tsconfig and tsconfig.app for Vite app

"paths": {
      "@/*": ["./src/*"],
      "@repo/ui/*": ["../../packages/ui/src/*"]
    }` 
    `"paths": {
      "@/*": [
        "./src/*"
      ],
      "@repo/ui/*": [
        "../../packages/ui/src/*"
      ]
    }

And added to vite.config this

export default defineConfig({
  plugins: [
    TanStackRouterVite({ autoCodeSplitting: true }),
    react()
  ],
  server: {
    port: 4000
  },
  resolve: {
    alias: [
      { find: '@', replacement: path.resolve(__dirname, './src') },
      { find: '@repo/ui', replacement: path.resolve(__dirname, '../../packages/ui/src') },
    ]
  }
});

But now I get this error

I've managed to fix it by changing import to

import '@repo/ui/styles/globals.css';

And it all works, BUT, the question, am I doing things right? Or my solution is terrible?