use-betwee-concept

use-state.tsx

const getDispatcher = () => {
    return (React as any).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher.current;
};

const setDispatcher = (w: any) => {
    (React as any).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher.current = w;
};

const useForceUpdate = ([v, setv] = useState(false)) => 
    React.useCallback(() => setv(($: any) => !$), [setv]);

const allboxes = new Map();

const useBetween = (predicate: any) => {
    if (!allboxes.has(predicate)) {
        allboxes.set(predicate, []);
    }

    const boxes = allboxes.get(predicate);
    
    let index = 0;

    const forceUpdate = useForceUpdate();

    index = 0;
    let oldDispatcher = getDispatcher();

    const mockUseState = (def: any) => {
        let currentIndex = index++;

        if (!boxes[currentIndex]) {
            boxes[currentIndex] = { value: def };
        }

        const box = boxes[currentIndex];

        return [box.value, ($: any) => {
            box.value = $;
            forceUpdate();
            console.log('updated', $)
        }];
    };

    setDispatcher({ ...oldDispatcher, useState: mockUseState });

    let result = predicate();

    setDispatcher(oldDispatcher);

    allboxes.set(predicate, boxes);

    return result;
};

const useAuth = () => {
    const [user, setUser] = React.useState(3);

    return [user, setUser];
};

const _useAuth = () => useBetween(useAuth);

const Wtf = () => {
    const [shit, upd] = _useAuth();

    return (
        <div>
            {shit}
        </div>
    );
};