Errors with styled components in production

[hekatx]

• Version: 1.1.2
• Env: vite@latest + react 18.2.0

I know that yesterday you pushed a change to solve this but it didn't work. As far as I am aware, those new options are part of RollUp v3 and I see you're using 1.29.1 so I don't really know if they were supposed to work in the first place.

[vb48]

@hekatx hey I have the same issue when I deploy to AWS Amplify i get a blank white screen with this same error in the console but works perfectly fine on local system.

I tried by removing the component that uses the Carousel component and no more white screen. have you been able to resolve this error on your side? Would be a great help if you could help me out here.

"better-react-carousel": "^1.1.2",
    "vite": "^4.4.5",
    "react": "^18.2.0",

[vb48]

UPDATE

Found a solution! if you are using Vite+React please switch to create-react-app and move all the files and re-install the packages then run

npm run build
npx serve -s build

and it works! at least it did for me.