This is the page

Is this your problem? https://www.reddit.com/r/nextjs/comments/180vxyx/weird_problem_with_tailwind_and_nextjs14_some/

It sounds related, but I do not think it is the exact same. My page was working perfectly before the update, and nothing else changed.

So I am thinking maybe some package of mine no-longer works with 14.2.2 and as I am relatively new to this, I was wondering if someone might be able to point me to right direction. chatGPT is hopeless XD

What version did you have before?

4.1.4.

here's my package-json now {
"name": "nextjs-dashboard",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"seed": "node -r dotenv/config ./scripts/seed.js",
"lint": "next lint"
},
"dependencies": {
"@hapi/hawk": "^8.0.0",
"@heroicons/react": "^2.1.3",
"@nextui-org/react": "^2.2.10",
"@types/bcryptjs": "^2.4.6",
"@types/country-flag-icons": "^1.2.2",
"@vercel/postgres": "^0.7.2",
"axios": "^1.6.8",
"bcryptjs": "^2.4.3",
"bootstrap": "^5.3.3",
"clsx": "^2.1.0",
"dotenv": "^16.4.5",
"eslint": "^8.57.0",
"google-fonts": "^1.0.0",
"heroicons": "^2.1.3",
"js-cookie": "^3.0.5",
"next": "^14.2.2",
"next-app": "^0.0.0",
"next-auth": "^5.0.0-beta.16",
"node-openssl-cert": "^0.1.42",
"nodemailer": "^6.9.13",
"prettier": "^3.2.5",
"prettier-plugin-tailwindcss": "^0.5.12",
"react": "^18.2.0",
"react-bootstrap": "^2.10.2",
"react-datepicker": "^6.9.0",
"react-dom": "^18.2.0",
"use-debounce": "^10.0.0",
"uuid": "^9.0.1",
"zod": "^3.22.4"
},
"devDependencies": {
"@types/node": "^20.11.30",
"@types/react": "^18.2.74",
"@types/react-datepicker": "^6.2.0",
"@types/react-dom": "^18",
"autoprefixer": "^10.0.1",
"eslint-config-next": "^14.2.2",
"html-loader": "^5.0.0",
"postcss": "^8",
"tailwindcss": "^3.4.3",
"typescript": "^5.4.5"
}
}

None of my custom styles are used, I also had the downwards chevron on the drop down menu

so something is changed about how the <style jsx></style> is read, perhaps?

Ok did some testing again today, so the original radio buttons do work, if I remove the className="hidden". But the point in hiding them was to replace the default blue dot with my custom color, so this is why the code was supposed to render a faux dot over the actual dot. But this style thing does not seem to trigger at all.

Aha! https://github.com/vercel/next.js/issues/64389

Ok so it looks like I need Vercel Turbo pack to fix this. Now where can I get that...?

I used these npm install turbo --global and npm install turbo --save-dev but I am not sure if this is the correct version, at least it did not fix my issue with the style

I downloaded and pasted the @turbo folder manually, but that did nothing

Yeah nothing helped, not even the 14.2.3 published 14 hours ago. Had to downgrade back to 14.1.4

Are you using turbopack?

Turbopack shouldn't be enabled by default yet