Typescript: reducer

reducer.tsx

import { useReducer, useEffect } from 'react';

interface AuthState {
    validando: boolean;
    token: null | string;
    username: string;
    nombre: string;
}

type LoginPayload = {
    username: string,
    nombre: string
}

type AuthAction =
    | { type: 'logout' }
    | { type: 'login', payload: LoginPayload }


const initialState: AuthState = {
    validando: true,
    token: null,
    username: '',
    nombre: ''
}

const authReducer = (state: AuthState, action: AuthAction): AuthState => {

    switch (action.type) {

        case 'logout':
            return {
                validando: false,
                token: null,
                username: '',
                nombre: ''
            }

        case 'login':
            return {
                validando: false,
                token: 'ABC123',
                username: action.payload.username,
                nombre: action.payload.nombre
            }


        default:
            return state;
    }
  
}