Как записать в localstorage header rtk query react?

Для записи header rtk query в localstorage в React, необходимо выполнить следующие шаги:

1. Установите необходимые зависимости:

npm install @reduxjs/toolkit react-router-dom
npm install react-query

2. Создайте файл api.js, в котором будет находиться ваш API клиент использующий RTK Query:

import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';

// Создаем экземпляр API клиента
export const api = createApi({
  reducerPath: 'api',
  baseQuery: fetchBaseQuery({ baseUrl: '/api' }),
  // Добавляем заголовок с именем "header" и значением из localstorage с ключом "header"
  endpoints: (builder) => ({
    exampleEndpoint: builder.query({
      query: () => 'example',
      // Здесь происходит установка заголовка
      headers: { 'header': localStorage.getItem('header') },
    }),
  }),
});

export const { useExampleEndpointQuery } = api;

3. Оберните вашу компоненту приложения в компонент ApiProvider, который будет предоставлять доступ к API клиенту:

import React from 'react';
import { ApiProvider } from '@reduxjs/toolkit/query/react';
import { api } from './api';

function App() {
  return (
    <ApiProvider api={api}>
      {/* Ваше приложение */}
    </ApiProvider>
  );
}

export default App;

4. Теперь можно использовать useExampleEndpointQuery хук в компонентах, чтобы получить данные с API, включая header rtk query, записанный в localstorage:

import React, { useEffect } from 'react';
import { useExampleEndpointQuery } from './api';

function ExampleComponent() {
  const { data } = useExampleEndpointQuery();

  useEffect(() => {
    // Записываем значение header в localstorage с ключом "header"
    localStorage.setItem('header', 'значение заголовка');
  }, []);

  return (
    <div>
      {/* Отображение данных */}
    </div>
  );
}

Теперь, при использовании useExampleEndpointQuery, ваш заголовок с именем "header" и значением, удаленным из localstorage, будет автоматически добавлен ко всем запросам, выполняемым через RTK Query в вашем приложении React.