diff --git a/src/style.js b/src/style.js
index 7b9c3e6e..038d2bde 100644
--- a/src/style.js
+++ b/src/style.js
@@ -2,6 +2,7 @@ import React from 'react'
 import { useStyleRegistry } from './stylesheet-registry'
 import { computeId } from './lib/hash'
 
+const useDOMEffects = React.useInsertionEffect || React.useLayoutEffect
 export default function JSXStyle(props) {
   const registry = useStyleRegistry()
 
@@ -15,7 +16,6 @@ export default function JSXStyle(props) {
     return null
   }
 
-  const useDOMEffects = React.useInsertionEffect || React.useLayoutEffect
   useDOMEffects(() => {
     registry.add(props)
     return () => {