30 lines
733 B
TypeScript
30 lines
733 B
TypeScript
import { RemixBrowser } from '@remix-run/react';
|
|
import { startTransition, StrictMode } from 'react';
|
|
import { hydrateRoot } from 'react-dom/client';
|
|
import { ClientProvider } from '@mantine/remix';
|
|
|
|
function hydrate() {
|
|
startTransition(() => {
|
|
document.querySelectorAll('html > script').forEach((s) => {
|
|
s.parentNode!.removeChild(s);
|
|
});
|
|
|
|
hydrateRoot(
|
|
document,
|
|
<StrictMode>
|
|
<ClientProvider>
|
|
<RemixBrowser />
|
|
</ClientProvider>
|
|
</StrictMode>
|
|
);
|
|
});
|
|
}
|
|
|
|
if (typeof requestIdleCallback === 'function') {
|
|
requestIdleCallback(hydrate);
|
|
} else {
|
|
// Safari doesn't support requestIdleCallback
|
|
// https://caniuse.com/requestidlecallback
|
|
setTimeout(hydrate, 1);
|
|
}
|