mirror of
https://github.com/stackblitz-labs/bolt.diy
synced 2025-06-26 18:26:38 +00:00
Wrap chat component in <Suspense>
This commit is contained in:
parent
6acb94b5af
commit
38d389a42e
@ -1,4 +1,5 @@
|
||||
import { json, type MetaFunction } from '@remix-run/cloudflare';
|
||||
import { Suspense } from 'react';
|
||||
import { ClientOnly } from 'remix-utils/client-only';
|
||||
import { BaseChat } from '~/components/chat/BaseChat';
|
||||
import { Chat } from '~/components/chat/Chat.client';
|
||||
@ -11,12 +12,16 @@ export const meta: MetaFunction = () => {
|
||||
|
||||
export const loader = () => json({});
|
||||
|
||||
const Nothing = () => null;
|
||||
|
||||
export default function Index() {
|
||||
return (
|
||||
<div className="flex flex-col h-full w-full bg-bolt-elements-background-depth-1">
|
||||
<BackgroundRays />
|
||||
<Header />
|
||||
<Suspense fallback={<Nothing />}>
|
||||
<ClientOnly fallback={<BaseChat />}>{() => <Chat />}</ClientOnly>
|
||||
</Suspense>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user