Consuming Your API With JavaScript

I'm setting up a new Laravel project, after watching some tutorials I found out the Laravel Passport Auth. I've walked through the Passport #Installation till #Frontend Quickstart, however I want to use Laravel's make:auth login and inside my project I want to use React as front-end. https://laravel.com/docs/5.8/passport#consuming-your-api-with-javascript

I found out that for First client application's there is no need for a manual JWT & OAuth implementation.

After loggin in to my application with the Auth::login, I found out even if I'm authenticated, I can't visit http://127.0.0.1:8900/api/user (which is automatically added by Laravel to routes\api.php)

I found a tutorials which %90 looks like what I need, but he's not getting 401. Altough we do the same things. https://www.youtube.com/watch?v=TVmUW-8-UN4

I have tried these:

• config:cache, config:clear, cache:clear
• adding inside EncryptCookiesprotected static $serialize = true;
• added Passport::withoutCookieSerialization(); into AppServiceProvider boot method

// added HasApiTokens to App\User
// I see a `laravel_token` in my cookies when I log in

Route::middleware('api')->get('/user', function (Request $request) {
    return $request->user();
});

I want to be able to visit an API route only if I'm authenticated (the authentication must be done by the login system of php artisan make:auth