[bug] Styles not being applied in new nextjs apps

Is there an existing issue for this?

• I have searched the existing issues

Package Version

0.0.26

Current Behavior

Trying to render a simple <Box /> componenet does not inject styles in the ppage. Classes on dom nodes are added but not styles are not applied.

Expected Behavior

The components should be styled.

Steps To Reproduce

Code -

On stackblitz - does not work

On degen Playground - works

import { Box, Button } from 'degen'

export function Header() {
  return (
    <Box as='header' padding='16' backgroundColor='yellow'>
      <Box padding='16' backgroundColor='black' color='white' fontFamily='mono'>
        <Button>Hello World</Button>
      </Box>
    </Box>
  )
}

Anything else?

No response

[heyitsarpit]

@CodeAunt Refer to this stackbltz example. In your code you seem to have missed importing the styles import 'degen/styles';. ThemeProvider is one of two imports.

[heyitsarpit]

Hi, I got the same problem, no style are applied to the components. Have you fix it?

@CodeAunt Yeah, I realised that I never wrapped the app with the ThemeProvider