How can I add attributes to <html> or <body> tags?

If I have a "lang" and a "className" attribute to pass into html tag, and some tailwind style to pass into body tag, is there a way I can possibly do that? Been reading through the issues and asking Chat GPT to no avail...

export default function App() {
  const data = useLoaderData<typeof loader>();
  const className = classNames({
    dark: data.theme === 'dark',
  });
  return (
    <html lang={data.locale} className={className}>
      <head>
        <RemixMeta />
        <Links />
        <Head />
        <script
          dangerouslySetInnerHTML={{
            __html: `window.ENV = ${JSON.stringify(data.ENV)}`,
          }}
        />
      </head>
      <body className="h-full">
        <Outlet />
        <AppRouteLoadingIndicator />
        <ScrollRestoration />
        <Scripts />
        <LiveReload />
      </body>
    </html>
  );
}

Would appreciate any kind of help / suggestions! Thank you!

Xiphe / remix-island

How can I add attributes to <html> or <body> tags? #14