fix: slider switch width

OriginProtocol · Jul 25, 2024 · 1a4affa · 1a4affa
1 parent 059fee6
commit 1a4affa
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/libs/shared/components/src/Switches/SliderSwitch.tsx b/libs/shared/components/src/Switches/SliderSwitch.tsx
@@ -1,4 +1,4 @@
-import { forwardRef, useLayoutEffect, useRef, useState } from 'react';
+import { forwardRef, useEffect, useRef, useState } from 'react';
 
 import { Box, Button, emphasize, Stack, Typography } from '@mui/material';
 import { isNilOrEmpty } from '@origin/shared/utils';
@@ -28,9 +28,9 @@ export const SliderSwitch = ({
   const refs = useRef<HTMLButtonElement[]>([]);
   const [itemsWidth, setItemsWidth] = useState<number[]>([]);
 
-  useLayoutEffect(() => {
+  useEffect(() => {
     setItemsWidth(refs.current.map((o) => o.offsetWidth));
-  }, []);
+  }, [options]);
 
   const idx = options.findIndex((o) =>
     isNilOrEmpty(o.value) ? isNilOrEmpty(value) : o.value === value,