fix: use useEffect for non-blocking behavior

dominictwlee · Apr 21, 2020 · aa4203b · aa4203b
1 parent 599ae07
commit aa4203b
Showing 1 changed file with 2 additions and 9 deletions.
diff --git a/src/usePopper.ts b/src/usePopper.ts
@@ -1,11 +1,4 @@
-import {
-  useRef,
-  useCallback,
-  useLayoutEffect,
-  useEffect,
-  useState,
-  Ref,
-} from 'react';
+import { useRef, useCallback, useEffect, useState, Ref } from 'react';
 import { createPopper, Options, Instance } from '@popperjs/core';
 import { useForkRef } from './refUtils';
 
@@ -53,7 +46,7 @@ export default function usePopper(props: usePopperProps) {
   };
 
   // Recreate on popper change
-  useLayoutEffect(() => {
+  useEffect(() => {
     create();
 
     return () => {