redux-toolkit prepareHeaders不是一个函数

import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';
import axios from 'axios';

const initialState = {
  data: null,
  loading: false,
  error: null,
};

const fetchData = createAsyncThunk('data/fetchData', async (payload, { getState }) => {
  const headers = getState().auth.token
    ? { Authorization: `Bearer ${getState().auth.token}` }
    : {};
  const response = await axios.get('/api/data', { headers });
  return response.data;
});

const dataSlice = createSlice({
  name: 'data',
  initialState,
  reducers: {},
  extraReducers: (builder) => {
    builder
      .addCase(fetchData.pending, (state) => {
        state.loading = true;
      })
      .addCase(fetchData.fulfilled, (state, action) => {
        state.data = action.payload;
        state.loading = false;
        state.error = null;
      })
      .addCase(fetchData.rejected, (state, action) => {
        state.loading = false;
        state.error = action.error.message;
      });
  },
});

export const { } = dataSlice.actions;
export default dataSlice.reducer;