HabDev - Nox / Nitro V3.6 - with Renderer V3.6

Nox/Nitro V3.6 - with Renderer V3.6

1 Connexion pour télécharger

5180 fichiers 38.5 Mo 0 téléchargements 124 vues mis à jour il y a 4 heures ui

nitro-v36-with-renderer-v36 / src / hooks / useLiveState.ts

useLiveState.ts 580 o Télécharger le fichier

import { Dispatch, RefObject, SetStateAction, useCallback, useRef, useState } from 'react';

export const useLiveState = <T>(initialValue: T): [T, Dispatch<SetStateAction<T>>, RefObject<T>] => {
    const [value, setValue] = useState<T>(initialValue);
    const liveValue = useRef<T>(initialValue);

    const setLiveValue = useCallback((next: SetStateAction<T>) => {
        liveValue.current = typeof next === 'function' ? (next as (previous: T) => T)(liveValue.current) : next;

        setValue(liveValue.current);
    }, []);

    return [value, setLiveValue, liveValue];
};