Discussion on: Context API with TypeScript and Next.JS

[OCTANE 💀]

How do you pass properties to the logout methods?

[Mohammed Nadeem Shareef]

As we are using typescript first set the type of arguments

type authContextType = {
    user: boolean;
    login: () => void;
    logout: (someParameter: any) => void;
};

then pass make use of your properties

const logout = (someParameter: any) => {
        // use of your parameters
        setUser(false);
};

And finally pass it to the function, where you are using it.

...
<div>
    <button onClick={login}>Login</button>
    <button onClick={() => logout(someProperty)}>Logout</button>
</div>
...