@storybook/addon-ondevice-controls/dist/types/useResyncValue.js

Display storybook controls on your device.

import { useEffect, useState } from 'react';
// syncs up the value of a control with the value of a story arg when resetting
// this is used for controls that don't use a controlled input like the slider
export function useResyncValue(value, isPristine, resyncCallback) {
    const [key, setKey] = useState(0);
    const [currentValue, setCurrentValue] = useState(value);
    useEffect(() => {
        if (isPristine && value !== currentValue) {
            // eslint-disable-next-line react-hooks/set-state-in-effect
            setKey((cur) => cur + 1);
            resyncCallback?.(value);
        }
    }, [value, currentValue, isPristine, resyncCallback]);
    return { key, setCurrentValue };
}