React Hydration err
Unanswered
American Sable posted this in #help-forum
American SableOP
I get the error
Layout.tsx
v v v v v v v
Error: Text content does not match server-rendered HTML.
Warning: Text content did not match. Server: ";;" Client: ";"
See more info here: https://nextjs.org/docs/messages/react-hydration-error
Component Stack
body
html
HomesLayout
layout.tsx (20:11)Layout.tsx
v v v v v v v
"use client";
import type { Metadata } from "next";
import React from "react";
import "./global.css";
import { SessionProvider } from "next-auth/react";
import Head from 'next/head';
import PrelineScript from "./components/PrelineS";
/*
export const metadata: Metadata = {
title: "Ambrosia | Server Management",
description: "Server Management Made Simple.",
};
*/
const HomesLayout = ({ children }: { children: React.ReactNode }) => {
return (
<html lang="en">
<title>Ambrosia | Server Management</title>
<meta name="description" content="Server Management Made Simpler."/>
<body className={"bg-white dark:bg-zinc-900"}>
<SessionProvider>{children}</SessionProvider>;
<PrelineScript />
</body>
</html>
);
};
export default HomesLayout;