diff --git a/assets/js/src/settings/components/segments_select.tsx b/assets/js/src/settings/components/segments_select.tsx
index 12a98c3342..7d1716dc04 100644
--- a/assets/js/src/settings/components/segments_select.tsx
+++ b/assets/js/src/settings/components/segments_select.tsx
@@ -11,7 +11,8 @@ type Props = {
 }
 
 export default (props: Props) => {
-  const { id, setValue } = props;
+  const id = props.id;
+  const setValue = React.useCallback(props.setValue, []);
   const segments = useSelector('getSegments')();
   React.useLayoutEffect(() => {
     const idSelector = `#${id}`;