cursed-hooks.tsx

interface ExtractHookProps<T> {
    extractor: () => T;
    setup: (hookValue: T) => void;
}

function ExtractHook<T>(props: React.PropsWithChildren<ExtractHookProps<T>>) {
    let {extractor, setup, ...others} = props;
    let hookValue = extractor();
    setup(hookValue);
    return <div {...others} />
}

class Component2 extends React.Component<{}, {}> {
    render() {
        let locationTuple: LocationTuple;
        return <div>
            <ExtractHook extractor={() => useLocation()} setup={(r) => {
                locationTuple = r
            }}/>
            Hello
            <br/>
            <button onClick={() => {
                const [_, setLocation] = locationTuple;
                setLocation("/users/abcd");
                console.log("wat btn")
            }}>html
            </button>
        </div>;
    }
}