import Head from "next/head"; import { useEffect, useState } from "react"; import { Maybe } from "@trpc/server"; // makes sure the ui doesn't flash export default function useTheme(theme?: Maybe) { const [isReady, setIsReady] = useState(false); useEffect(() => { setIsReady(true); }, []); function Theme() { const themeString = theme ? `"${theme}"` : null; return ( ); } return { isReady, Theme, }; }