#Why am i getting a unexpected ui error

4 messages · Page 1 of 1 (latest)

broken solstice
# 
<NextLink href="/reference" passHref>
    <Button as="a" variant="ghost" aria-label="Reference" my={5} w="100%">
        Reference
    </Button>
</NextLink>

For some reason, somewhere in these lines this error appears:

Error: Hydration failed because the initial UI does not match what was rendered on the server.

Warning: Expected server HTML to contain a matching <a> in <a>.

See more info here: https://nextjs.org/docs/messages/react-hydration-error
#

!helper

floral lodgeBOT
#

:warning: Please wait a bit longer. You can ping helpers <t:1683433841:R>.

broken solstice
#

solved, apparently you can't use the as="a" because that causes funky rendering of a tags