Frontend

Has anyone run into and solved a next.js@14, chakra@2.10 problem where adding <ChakraProvider> causes the Hydration error "Expected server HTML to contain a matching <span> in <body>." with:
<html>
    <body>
    ^^^^^^
      <Providers>
        ...
          <DefaultPortal>
            <span>

As the line between reality and fantasy is increasingly becoming blurred, I want to be in a position to share the best of what I’ve been given. OP Delegate

I'm trying to do this, but not sure if I am allowed to wrap this way:
export function Providers({ children }: { children: React.ReactNode }) {
  return (
      <ChakraProvider>
        <PrivyProviderWrapper>{children}</PrivyProviderWrapper>
      </ChakraProvider>
  );
}