0

The problem I am running into is that the local typecheck is OK, but the Vercel deployment typecheck is failing:

"@chakra-ui/react": "^3.25.0",
"@emotion/react": "^11.14.0",

export const buttonRecipe = defineRecipe({
  base: {
    ...
  },
  variants: {
    variant: {
      ...
      error: {
        borderWidth: '1px',
        borderColor: 'red.400',
        color: 'red.200',
        _hover: { borderColor: 'red.700', color: 'red.200', bg: 'red.950' }
      }
    },
    size: {
    ...
    }
  }
});

Then i run "npx @chakra-ui/cli typegen src/theme/index.ts which updates....

You can see it shows up OK here in IDE: enter image description here

and if I run a typecheck yarn tsc no issues either...

However, in Vercel:

Type error: Type '"error"' is not assignable to type 'ConditionalValue<"outline" | "solid" | "subtle" | "surface" | "ghost" | "plain" | undefined>'.

So why could this be?

Improve this question
Related questions
2
Vercel, Next.js, Sanity.io production deployment fails
1
Vercel Deployment error for Next.js project
2
Why my custom Nextjs server doesn't work in my Vercel deployment?
Load 3 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.