search

radix-ui / themes

Radix Themes is an open-source component library optimized for fast development, easy maintenance, and accessibility. Maintained by @workos.
https://radix-ui.com/themes
MIT License
4.77k stars 164 forks source link

Text component is breaking the app #519

Closed pavlelekic closed 1 month ago

pavlelekic commented 1 month ago

I created a simple nextjs14 app, installed Radix Themes, created a simple page:

export default function Home() {
  return (
    <Flex direction="column" gap="3">
      <Text size="1">The quick brown fox jumps over the lazy dog.</Text>
    </Flex>
  );
}

I immediately got an error:

Screenshot 2024-05-31 at 7 09 03 AM

As soon as I remove the <Text> component the app renders fine. Has anyone encountered an error like this?

vladmoroz commented 1 month ago

This error is not related to the Text component or Radix Themes, sounds like you might be missing a root layout with a html and body element.