diff --git a/package.json b/package.json index 89fef59c5a..7b255e600d 100644 --- a/package.json +++ b/package.json @@ -252,8 +252,6 @@ }, "devDependencies": { "@emeraldpay/hashicon-react": "^0.4.0", - "@emotion/cache": "^11.1.3", - "@emotion/react": "^11.1.5", "@material-ui/core": "^4.10.1", "@material-ui/lab": "^4.0.0-alpha.57", "@pmmmwh/react-refresh-webpack-plugin": "^0.4.3", diff --git a/src/renderer/bootstrap.tsx b/src/renderer/bootstrap.tsx index 4329abacab..ce822ca2ae 100644 --- a/src/renderer/bootstrap.tsx +++ b/src/renderer/bootstrap.tsx @@ -19,8 +19,7 @@ import { filesystemProvisionerStore } from "../main/extension-filesystem"; import { App } from "./components/app"; import { LensApp } from "./lens-app"; import { themeStore } from "./theme.store"; -import { CacheProvider } from "@emotion/react"; -import createCache from "@emotion/cache"; +import { NonceProvider as StyleCache } from "react-select"; /** * If this is a development buid, wait a second to attach @@ -82,11 +81,14 @@ export async function bootstrap(App: AppComponent) { window.location.href = "about:blank"; } }); + + const cacheProps = { nonce: "lens", cacheKey: "lens" }; + render(<> {isMac &&
} -