how are you implementing it on your page

the code there looks fine

Fixed it by using 'use client' where I called it which makes sense, stupid question, mb.

oh lmao gotcha

Is it normal for the entire page to like flash whenever I call the function?

it happens sometimes for me too

not sure why

in dev or production? or both

only tested dev

i see it barely on production

you should be fine, dev refreshes a ton

Looks like it makes the request then reloads the css or something? weird

Appears to be fine on a production build

thats good

are you using css-in-js

if so, thats where the flash comes from

css-in-js is 👎

i import css files and it still does that

not sure why

where are you importing them

in rootlayout

tailwind?

im using tailwind and CVA

no normal css

barebones

cva is css-in-js, why do you say its bad?

because its client-forced css. with RSC that is wasteful

How should I create components like buttons that have multiple styles then?

with my normie css i just add classes to a class string depending on the props passed

…? what do you mean multiple styles

like <Button big={true} />

or false, etc

different colored buttons, sizes, states

i mean… how much you choose to abstract that out is totally up to you… but you can predefine those via the component layer as presets

none of that requires client anything

button states are hover… pressed… disabled… and default. All definable without needing client