Files
sqlchat/pages/index.tsx

29 lines
726 B
TypeScript

import { NextPage } from "next";
import Head from "next/head";
import React from "react";
import dynamic from "next/dynamic";
// Use dynamic import to avoid page hydrated.
// reference: https://github.com/pmndrs/zustand/issues/1145#issuecomment-1316431268
const ChatView = dynamic(() => import("@/components/ChatView"), {
ssr: false,
});
const ChatPage: NextPage = () => {
return (
<div>
<Head>
<title>SQL Chat</title>
<meta name="description" content="" />
<link rel="icon" href="/favicon.ico" />
</Head>
<main className="w-full h-full flex flex-col justify-center items-center bg-gray-100">
<ChatView />
</main>
</div>
);
};
export default ChatPage;