Update with-styletron example to not use DebugEngine (#20233)

[DebugEngine stopped working](styletron/styletron#366) with v9.5 since the devtool is strictly set to eval and this option is not customizable. Unfortunately there is currently no way to fix this.
vercel · Dec 29, 2020 · 2433c11 · 2433c11
1 parent f2f9090
commit 2433c11
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 6 deletions.
diff --git a/examples/with-styletron/pages/_app.js b/examples/with-styletron/pages/_app.js
@@ -1,12 +1,12 @@
 import App from 'next/app'
 import { Provider as StyletronProvider } from 'styletron-react'
-import { styletron, debug } from '../styletron'
+import { styletron } from '../styletron'
 
 export default class MyApp extends App {
   render() {
     const { Component, pageProps } = this.props
     return (
-      <StyletronProvider value={styletron} debug={debug} debugAfterHydration>
+      <StyletronProvider value={styletron}>
         <Component {...pageProps} />
       </StyletronProvider>
     )

diff --git a/examples/with-styletron/styletron.js b/examples/with-styletron/styletron.js
@@ -1,5 +1,4 @@
 import { Client, Server } from 'styletron-engine-atomic'
-import { DebugEngine } from 'styletron-react'
 
 const getHydrateClass = () =>
   document.getElementsByClassName('_styletron_hydrate_')
@@ -10,6 +9,3 @@ export const styletron =
     : new Client({
         hydrate: getHydrateClass(),
       })
-
-export const debug =
-  process.env.NODE_ENV === 'production' ? void 0 : new DebugEngine()