Text component is breaking the app

[pavlelekic]

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:

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

[vladmoroz]

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.