// @ts-nocheck
import * as React from 'react';
import { Links, Meta, Outlet, Scripts, ScrollRestoration, useLoaderData } from '@remix-run/react';
import { json } from '@remix-run/node';
import { PluginArea } from '@common-stack/client-react';
import { subscribeReduxRouter } from '@common-stack/remix-router-redux';
import { ApplicationErrorHandler } from '@admin-layout/chakra-ui';
// @ts-ignore
import clientModules, { plugins } from '@app/frontend-stack-react/modules.js';
import { createHead } from 'remix-island';
import { useContext } from 'react';
import { ServerStyleContext, ClientStyleContext } from './context';
import { withEmotionCache } from '@emotion/react';
import { useChangeLanguage } from 'remix-i18next/react';
import { i18nextInstance as i18next } from '@app/frontend-stack-react/i18n-localization/i18next.server.js';
import { ErrorBoundary } from '@app/frontend-stack-react/entries/chakraui/components/ErrorBoundary.js';
interface DocumentProps {
children: React.ReactNode;
}
export const Head = createHead(() => (
<>
));
export const Document = withEmotionCache(({ children }: DocumentProps, emotionCache) => {
const serverStyleData = useContext(ServerStyleContext);
const clientStyleData = useContext(ClientStyleContext);
React.useEffect(() => {
// re-link sheet container
emotionCache.sheet.container = document.head;
// re-inject tags
const tags = emotionCache.sheet.tags;
emotionCache.sheet.flush();
tags.forEach((tag) => {
(emotionCache.sheet as any)._insertTag(tag);
});
// reset cache to reapply global styles
clientStyleData?.reset();
}, []);
return (
<>
{serverStyleData?.map(({ key, ids, css }) => (