43 lines
1.1 KiB
JavaScript
43 lines
1.1 KiB
JavaScript
import * as React from "react";
|
|
import { darkTheme, Provider, SSRProvider } from "@adobe/react-spectrum";
|
|
import "./src/styles/global.css";
|
|
|
|
const env =
|
|
process.env.GATSBY_ACTIVE_ENV || process.env.NODE_ENV || "development";
|
|
export const onRouteUpdate = function () {
|
|
if (env === "production" && typeof window.plausible === "object") {
|
|
window.plausible("pageview");
|
|
}
|
|
};
|
|
// import * as React from 'react';
|
|
// import { MDXProvider } from '@mdx-js/react';
|
|
|
|
// const MyH1 = props => <h1 style={{ color: 'tomato' }} {...props} />;
|
|
// const MyParagraph = props => (
|
|
// <p style={{ fontSize: '18px', lineHeight: 1.6 }} {...props} />
|
|
// );
|
|
|
|
// const components = {
|
|
// h1: MyH1,
|
|
// p: MyParagraph,
|
|
// };
|
|
|
|
export const wrapRootElement = ({ element }) => (
|
|
<SSRProvider>
|
|
<Provider
|
|
UNSAFE_className="overflow-x-hidden"
|
|
UNSAFE_style={{
|
|
background: "unset",
|
|
color: "unset",
|
|
}}
|
|
colorScheme="dark"
|
|
scale="medium"
|
|
theme={darkTheme}
|
|
>
|
|
{element}
|
|
</Provider>
|
|
</SSRProvider>
|
|
);
|
|
|
|
// {/* // <MDXProvider components={components}>{element}</MDXProvider> */}
|