Использование ключа Sanctum в React

#reactjs #laravel #rest #laravel-sanctum

Вопрос:

Я вошел в систему в React и Laravel, и я получаю ключ:

 public function login(Request $request)
{
    $attr = $request->validate([
        'email' => 'required|string|email|',
        'password' => 'required|string|min:6'
    ]);

    if (!Auth::attempt($attr)) {
        return $this->error('Credentials not match', 401);
    }

    return $this->success([
        'token' => auth()->user()->createToken('API Token')->plainTextToken
    ]);
}
 

Внутри компонента React у меня есть этот запрос

 axios.post('http://localhost:8000/api/auth/login', { email: emailRef.current.value, password: passwordRef.current.value })
    .then(res => {
        console.log(res.data.data.token);
    }).catch((error) => {
        console.log(error)
    });
 

Это работает. В журнале консоли у меня есть ключ, но мой вопрос: как сохранить ключ и отправить его компоненту, в который мне нужно войти? Переделать? Поднятие Состояния? Какой лучший способ решить эту проблему? Самое главное для меня-это безопасность приложения.