fix: Make JSXStyle return a noop if the registry context is not pro…

…vided (#749)

src/style.js

@@ -1,19 +1,27 @@
-import { useLayoutEffect, useContext } from 'react'
-import { StyleSheetContext } from './stylesheet-registry'
+import { useLayoutEffect } from 'react'
+import { useStyleRegistry } from './stylesheet-registry'
 import { computeId } from './lib/hash'
 export default function JSXStyle(props) {
-  const registry = useContext(StyleSheetContext)
+  const registry = useStyleRegistry()
+
+  // If `registry` does not exist, we do nothing here.
+  if (!registry) {
+    return null
+  }
+
   if (typeof window === 'undefined') {
     registry.add(props)
     return null
   }
+
   useLayoutEffect(() => {
     registry.add(props)
     return () => {
       registry.remove(props)
     }
     // props.children can be string[], will be striped since id is identical
   }, [props.id, String(props.dynamic)])
+
   return null
 }