it seems so, https://nextjs.org/docs/app/building-your-application/styling/css-in-js#styled-components

i have implement that but when a use a componend that includes styled, it says that i have to use 'use client'

what you have inside that component ?

jus a component that is using styled.div

Error: createContext only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more: https://nextjs.org/docs/messages/context-in-server-component

last time I checked, styled-components use contex for their provider, so anywhere you use them you have to make client comp, which sucks

No way around this? Does this mean you can’t SSR with them?

you can SSR but you cant use styled-components in RSC right now

is there a way to pass media queries as props to a compoennt? and if so i allows you to do in the server side ?