1'use client';
2
3import { YorkieProvider, DocumentProvider } from '@yorkie-js/react';
4import TodoList from '../components/TodoList';
5
6export default function Home() {
7  return (
8    <YorkieProvider
9      apiKey={process.env.NEXT_PUBLIC_YORKIE_API_KEY || ''}
10      rpcAddr={process.env.NEXT_PUBLIC_YORKIE_API_ADDR}
11    >
12      <DocumentProvider docKey="nextjs-todolist" initialRoot={{ todos: [] }}>
13        <main className="container mx-auto p-4">
14          <TodoList />
15        </main>
16      </DocumentProvider>
17    </YorkieProvider>
18  );
19}