Logowanie Fetch Basic Auth React + Spring

Cześć

Utworzyłem aplikacje w springu która daje możliwość przeglądania danych wystawionych na endpointach.
Stworzyłem również endpointy na logowanie i rejestracje:
http://localhost:8082/login (Basic Auth)
http://localhost:8082/register

W przypadku dostępu do treści wymagających autoryzacji dostaje status:

• 401 w przypadku braku autentykacji
• 200 w przypadku zalogowania - wtedy mogę przejrzeć dane

Aplikacje testowałem w postmanie który przechowuje wszystkie obiekty autentykacji oraz ciastka.
Teraz pytanie, jak poprawnie wykonać funkcje logowania Fetch w React, oraz ustawić pamięć lokalną żebym miał dostęp do danych po zalgowaniu.

Próbowałem wielu metod i cały czas mam problem
poniżej przykładowa funkcja

    async function login(){
        let item = {username, password};
        let result = await fetch("http://localhost:8082/login",{
            method: 'POST',
            headers:{
                "Accept": "application/json",
                "Content-Type": "application/json"
            },
            body:JSON.stringify(item)
        });
        result =  result.json();
        localStorage.setItem("user-info",JSON.stringify(result))
        navigate.push("/wyszukiwanie")
    }