'React fetch api from Laravel Passport

I created a Rest Api with Laravel and Passport. I can access from Postman without problem inserting Authorization > Bearer Token after launch php artisan passport:install.

Now I'm trying to access to Api with React+Axios, but I receive Request failed with status code 401.

const token = 'eyJ0eXA2d....'

const instance = axios.create({
    baseURL: 'https://exmample.com/api/',
    timeout: 1000,
    headers: { 
        'Accept': 'application/json',
        'Content-Type': 'application/json',
        'Authorization': 'Bearer ' + token 
    }
});

const fetchLeads = async () => {
    const response = await axios
        instance.get('leads')
        .catch((err) => {
            console.log("Err: ", err);
        });
};

useEffect(() => {
    fetchLeads();
}, []);

enter image description here

I missing something from React or Laravel Passport require extra setting for connect with Axios?

routes -> api.php (Passport)

Route::group(['middleware' => ['auth', 'admin']], function () {
    Route::middleware('auth:api')->group(function(){
        Route::get('/leads', [LeadController::class, 'index'])->name('api.leads')->middleware('auth:api');
    });
});


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source