chore: upgrade deps (#81)

Author: nihgwu

website/src/components/CodeEditor.js

@@ -34,11 +34,11 @@ const StyledEditor = styled(Editor)`
 
 const CodeEditor = ({ sourceCode, language, onChange, ...rest }) => {
   const [code, setCode] = useState(sourceCode)
-  const debouncedChange = useMemo(() => debounce(onChange, 300), [])
+  const debouncedChange = useMemo(() => debounce(onChange, 300), [onChange])
   const handleChange = useCallback(code => {
     setCode(code)
     debouncedChange(code)
-  })
+  }, [debouncedChange])
   useEffect(() => setCode(sourceCode), [sourceCode])
 
   return (

website/src/components/CodePreview.js

@@ -55,7 +55,6 @@ const CodePreview = ({
 }) => {
   const { action, channel } = useMemo(createActionChannel, [])
   const scope = useMemo(() => ({ ...baseScope, action, ..._scope }), [
-    baseScope,
     action,
     _scope,
   ])

website/src/components/Playground.js

@@ -47,10 +47,7 @@ const Error = styled.div`
 `
 
 const Playground = ({ scope: _scope, language, type, ...rest }) => {
-  const scope = useMemo(() => ({ ...baseScope, ..._scope }), [
-    baseScope,
-    _scope,
-  ])
+  const scope = useMemo(() => ({ ...baseScope, ..._scope }), [_scope])
   const [sourceCode, setSourceCode] = useState(getCode)
   const { element, error, onChange } = useLiveRunner({
     sourceCode,
@@ -65,9 +62,10 @@ const Playground = ({ scope: _scope, language, type, ...rest }) => {
     [onChange]
   )
 
+  const canUseDOM = typeof document !== 'undefined'
   useEffect(() => {
     setSourceCode(getCode)
-  }, [typeof document])
+  }, [canUseDOM])
 
   return (
     <Container {...rest}>