diff --git a/packages/react-snowfall/lib/hooks.js b/packages/react-snowfall/lib/hooks.js
index 73d3eb6..b8596ef 100644
--- a/packages/react-snowfall/lib/hooks.js
+++ b/packages/react-snowfall/lib/hooks.js
@@ -1,4 +1,4 @@
-import { useCallback, useLayoutEffect, useEffect, useRef, useState, useMemo } from 'react';
+import { useCallback, useEffect, useRef, useState, useMemo } from 'react';
 import isEqual from 'react-fast-compare';
 import { snowfallBaseStyle } from './config';
 import { getSize } from './utils';
@@ -14,7 +14,7 @@ export const useComponentSize = (ref) => {
             setSize(getSize(ref.current));
         }
     }, [ref]);
-    useLayoutEffect(() => {
+    useEffect(() => {
         const { ResizeObserver } = window;
         if (!ref.current)
             return;
diff --git a/packages/react-snowfall/lib/hooks.js.map b/packages/react-snowfall/lib/hooks.js.map
index 0d6cefd..f704f77 100644
--- a/packages/react-snowfall/lib/hooks.js.map
+++ b/packages/react-snowfall/lib/hooks.js.map
@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1F,OAAO,OAAO,MAAM,oBAAoB,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEjC;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,GAAiC,EAAE,EAAE;IACpE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;IAEtD,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAChB,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAAA;QAEjC,IAAI,CAAC,GAAG,CAAC,OAAO;YAAE,OAAM;QACxB,aAAa,EAAE,CAAA;QAEf,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE,CAAC;YACzC,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,aAAa,CAAC,CAAA;YACxD,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;YAEnC,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,CAAA;QAC1C,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;YAEhD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;QAClE,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC,CAAA;IAExB,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,SAA+B,EAAuB,EAAE;IACvF,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,iCACD,iBAAiB,GACjB,CAAC,SAAS,IAAI,EAAE,CAAC,EACpB,EACF,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAED;;;;;;GAMG;AACH,MAAM,UAAU,oBAAoB,CAAC,MAA4B,EAAE,IAA0B;IAC3F,MAAM,GAAG,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAA;IAE9C,kEAAkE;IAClE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;QAChC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IACpB,CAAC;IAED,uDAAuD;IACvD,OAAO,SAAS,CAAC,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;AACvC,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,WAAW,CAAI,KAAQ;IACrC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzC,oBAAoB,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEpD,OAAO,KAAK,CAAA;AACd,CAAC"}
\ No newline at end of file
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAmB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1F,OAAO,OAAO,MAAM,oBAAoB,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEjC;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,GAAiC,EAAE,EAAE;IACpE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;IAEtD,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAChB,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAAA;QAEjC,IAAI,CAAC,GAAG,CAAC,OAAO;YAAE,OAAM;QACxB,aAAa,EAAE,CAAA;QAEf,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE,CAAC;YACzC,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,aAAa,CAAC,CAAA;YACxD,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;YAEnC,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,CAAA;QAC1C,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;YAEhD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;QAClE,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC,CAAA;IAExB,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,SAA+B,EAAuB,EAAE;IACvF,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,iCACD,iBAAiB,GACjB,CAAC,SAAS,IAAI,EAAE,CAAC,EACpB,EACF,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAED;;;;;;GAMG;AACH,MAAM,UAAU,oBAAoB,CAAC,MAA4B,EAAE,IAA0B;IAC3F,MAAM,GAAG,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAA;IAE9C,kEAAkE;IAClE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;QAChC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IACpB,CAAC;IAED,uDAAuD;IACvD,OAAO,SAAS,CAAC,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;AACvC,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,WAAW,CAAI,KAAQ;IACrC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzC,oBAAoB,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEpD,OAAO,KAAK,CAAA;AACd,CAAC"}
\ No newline at end of file
diff --git a/packages/react-snowfall/src/hooks.ts b/packages/react-snowfall/src/hooks.ts
index 152cde6..0904c13 100644
--- a/packages/react-snowfall/src/hooks.ts
+++ b/packages/react-snowfall/src/hooks.ts
@@ -17,7 +17,7 @@ export const useComponentSize = (ref: React.RefObject<HTMLElement>) => {
     }
   }, [ref])
 
-  useLayoutEffect(() => {
+  useEffect(() => {
     const { ResizeObserver } = window
 
     if (!ref.current) return