fix: render order warning

hemengke1997 · Jul 22, 2021 · 3f49017 · 3f49017
1 parent 0f5cb97
commit 3f49017
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/ResizableHeader.tsx b/src/ResizableHeader.tsx
@@ -32,7 +32,7 @@ const AntdResizableHeader: React.FC<ComponentProp> = (props) => {
 
   const [resizeWidth, setResizeWidth] = React.useState<number>(0);
 
-  React.useEffect(() => {
+  React.useLayoutEffect(() => {
     if (width && !isLast) {
       const domWidth = thRef.current?.getBoundingClientRect().width || width;
       const w = domWidth > width ? domWidth : width;
@@ -41,7 +41,7 @@ const AntdResizableHeader: React.FC<ComponentProp> = (props) => {
     }
   }, [triggerMount]);
 
-  React.useEffect(() => {
+  React.useLayoutEffect(() => {
     if (width) {
       setResizeWidth(width);
     }