ESLint Configuration and Module Import Issues deployment loop

I tested my react nextjs app locally and ready to deploy to vercel but running into a loop of the same issue even though i implement the suggested fixes by Vercel AI based off the error and my files. ESLint Configuration and Module Import Issues is whats happening. The components are installed in the project and i see the dependencies on the file itself, but Vercel isnt recognizing it when I try to deploy.

Current deployment is just on a loop with the same error even when I make the changes through Vercel AI. I have already tried uninstalling and installing the components as well.

[12:26:28.637] ▲ Next.js 14.2.14
[12:26:28.637]
[12:26:28.637] Linting and checking validity of types …
[12:26:28.961] ⨯ ESLint: Invalid Options: - Unknown options: useEslintrc, extensions - ‘extensions’ has been removed.
[12:26:34.745] Failed to compile.
[12:26:34.745]
[12:26:34.745] ./components/ui/select.tsx:2:34
[12:26:34.745] Type error: Cannot find module ‘@radix-ui/react-select’ or its corresponding type declarations.

Hey, @stevenjaihan-gmailco! Welcome to the Vercel Community :smile:

The error message suggests there are invalid options in your ESLint configuration. In your .eslintrc.js file, could you make sure you don’t have useEslintrc or extensions options? As it seems that they are not valid or have been removed.

The other error suggests that the @radix-ui/react-select module is not found. Could you make sure it’s properly installed?

npm install @radix-ui/react-select
# or if you're using yarn
yarn add @radix-ui/react-select

After installing, make sure your package.json includes it.

Could you give that a go?

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.