21 lines
559 B
TypeScript
21 lines
559 B
TypeScript
|
import { useRef, useEffect } from "kaioken"
|
||
|
|
import { Board } from "./components/Board"
|
||
|
|
import { useGlobal } from "./state/global"
|
||
|
|
|
||
|
|
export function BoardPage({ params }: { params: Record<string, any> }) {
|
||
|
|
const rootElementRef = useRef<HTMLDivElement>(null)
|
||
|
|
const { setRootElement } = useGlobal()
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
if (!rootElementRef.current) return
|
||
|
|
setRootElement(rootElementRef.current)
|
||
|
|
}, [rootElementRef.current])
|
||
|
|
|
||
|
|
const { boardId } = params
|
||
|
|
return (
|
||
|
|
<main ref={rootElementRef}>
|
||
|
|
<Board boardId={boardId} />
|
||
|
|
</main>
|
||
|
|
)
|
||
|
|
}
|