app
routes
styles
context.tsx
createEmotionCache.ts
entry.client.tsx
entry.server.tsx
root.tsx
components
data
functions
public
.gitignore
.node-version
.prettierignore
OFL.txt
README.md
emotion-server.js
index.css
index.d.ts
package-lock.json
package.json
remix.config.js
server.ts
theme.ts
tsconfig.json
39 lines
1.0 KiB
TypeScript
39 lines
1.0 KiB
TypeScript
import { CacheProvider } from "@emotion/react";
|
|
import { ClientStyleContext } from "./context.js";
|
|
import createEmotionCache from "./createEmotionCache.js";
|
|
import { hydrateRoot } from "react-dom/client";
|
|
import { RemixBrowser } from "@remix-run/react";
|
|
import * as Sentry from "@sentry/react";
|
|
import { type ReactNode, StrictMode, useState } from "react";
|
|
|
|
Sentry.init({
|
|
dsn:
|
|
document.querySelector("meta[name='dsn']")?.getAttribute("content") ??
|
|
undefined,
|
|
integrations: [Sentry.browserTracingIntegration()],
|
|
tracesSampleRate: 0.1,
|
|
});
|
|
|
|
function ClientCacheProvider({ children }: { children: ReactNode }) {
|
|
const [cache, setCache] = useState(createEmotionCache());
|
|
|
|
function reset() {
|
|
setCache(createEmotionCache());
|
|
}
|
|
|
|
return (
|
|
<ClientStyleContext.Provider value={{ reset }}>
|
|
<CacheProvider value={cache}>{children}</CacheProvider>
|
|
</ClientStyleContext.Provider>
|
|
);
|
|
}
|
|
|
|
hydrateRoot(
|
|
document,
|
|
<StrictMode>
|
|
<ClientCacheProvider>
|
|
<RemixBrowser />
|
|
</ClientCacheProvider>
|
|
</StrictMode>,
|
|
);
|