fix: restore change detection in query pane (#318)

testing-library · Dec 8, 2020 · 7fe4f2c · 7fe4f2c
1 parent fb43e61
commit 7fe4f2c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 7 deletions.
diff --git a/src/components/Playground.js b/src/components/Playground.js
@@ -48,7 +48,7 @@ function Playground() {
           </div>
         </div>
 
-        <PlaygroundPanels />
+        <PlaygroundPanels state={state} dispatch={dispatch} />
       </div>
     </Layout>
   );

diff --git a/src/components/PlaygroundPanels.js b/src/components/PlaygroundPanels.js
@@ -1,8 +1,5 @@
 import React, { Suspense } from 'react';
 import { useState } from 'react';
-import { useParams } from 'react-router-dom';
-
-import usePlayground from '../hooks/usePlayground';
 
 import Query from './Query';
 import Result from './Result';
@@ -20,9 +17,7 @@ function Paper({ children }) {
   );
 }
 
-function PlaygroundPanels() {
-  const { gistId, gistVersion } = useParams();
-  const [state, dispatch] = usePlayground({ gistId, gistVersion });
+function PlaygroundPanels({ state, dispatch }) {
   const { query, result } = state;
   const [panel, setPanel] = useState(panels[0]);