How to send token via store in react to agent(axios) file, not via localStorage?

Question

JSON Web Token

I have a problem. To check user authentication, I must send token Bearer in the headers.
The file with axios settings is in a separate folder
. How can I transfer the token through the application store, and not through localStorage?
Through localStorage I use this:

import axios from 'axios';
import { API_URL } from './constants';

const HTTP = axios.create({ baseURL: API_URL  });

HTTP.interceptors.request.use(
  (config) => {
    const accessToken = localStorage.getItem('access');
    const updatedConfig = { ...config };
    if (accessToken) {
        updatedConfig.headers.Authorization = `Bearer ${accessToken}`;
    }
    return updatedConfig;
  },
  (error) => {
    return Promise.reject(error);
  }
);

Files:

UseApi example:

const [createRoomData, createRoom] = useApi<ICreateRoomDataResponse>({
    method: 'POST',
    url: '/rooms/create',
  });
  useEffect(() => {
    if (createRoomData.response) {
        const data = {
            connectionUuid:createRoomData.response.connection_uuid,
            maxStudentsCount:createRoomData.response.max_students_count,
            maxRoundTime:createRoomData.response.max_round_time,
            maxRoundsCount:createRoomData.response.max_rounds_count,
        }
      dispatch(setRoomData(data));
    }
  }, [createRoomData.response, history, dispatch]);