antd/es/_util/hooks/useSyncState.js

An enterprise-class UI design language and React components implementation

import * as React from 'react';
import { useForceUpdate } from './useForceUpdate';
export const useSyncState = initialValue => {
  const ref = React.useRef(initialValue);
  const [, forceUpdate] = useForceUpdate();
  return [() => ref.current, newValue => {
    ref.current = newValue;
    // re-render
    forceUpdate();
  }];
};