fix(number_format_base): prevent warnings in SRR when using useLayout…

…Effect.
s-yadav · May 20, 2023 · bc47b78 · bc47b78
1 parent 49a0003
commit bc47b78
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/number_format_base.tsx b/src/number_format_base.tsx
@@ -229,7 +229,10 @@ export default function NumberFormatBase<BaseType = InputAttributes>(
     ? geInputCaretPosition(focusedElm.current)
     : undefined;
 
-  useLayoutEffect(() => {
+  // needed to prevent warning with useLayoutEffect on server
+  const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect
+
+  useIsomorphicLayoutEffect(() => {
     const input = focusedElm.current;
     if (formattedValue !== lastUpdatedValue.current.formattedValue && input) {
       const caretPos = getNewCaretPosition(