fix(react): solve disappearing checked state in ChoiceField and Radio…

…Group
wwnorton · Nov 15, 2023 · adfa78c · adfa78c
1 parent 2fb56d1
commit adfa78c
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/react/src/components/ChoiceField/Choice.tsx b/packages/react/src/components/ChoiceField/Choice.tsx
@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import { BaseInput } from '../BaseInput';
 import { Icon } from '../Icon';
 import { FieldInfo, FieldFeedback } from '../Field';
-import { useForwardedRef, useId } from '../../utilities';
+import { useForwardedRef, useId, useIsomorphicLayoutEffect } from '../../utilities';
 import { ChoiceProps } from './types';
 
 /**
@@ -68,7 +68,7 @@ export const Choice = React.forwardRef<HTMLInputElement, ChoiceProps>(({
 
 	// treat prop versions of internal state as source of truth
 	React.useEffect(() => setErrors(errorsProp), [errorsProp]);
-	React.useEffect(() => setChecked(checkedProp), [checkedProp]);
+	useIsomorphicLayoutEffect(() => setChecked(checkedProp), [checkedProp]);
 	React.useEffect(() => setIndeterminate(indeterminateProp), [indeterminateProp]);
 
 	const indicator = React.useMemo(() => {