所以我使用redux工具包创建了一个卡片，这是features/store.js

import { configureStore } from "@reduxjs/toolkit";
import {cardReducer} from "./cardSlice";

const store = configureStore({
   reducer: cardReducer
});

export default store;

并导出到main.jsx

import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'
import './index.css'
import { Provider } from 'react-redux';
import  store  from './features/store.js';

ReactDOM.createRoot(document.getElementById('root')).render(
  <React.StrictMode>
    <Provider store={store}>
      <App />
    </Provider>
  </React.StrictMode>,
)

这也是cardSlice.js文件

import { createSlice } from '@reduxjs/toolkit';

const cardSlice = {
    name: 'card',
    initialState: {
        cards: [],
    },
    reducers: {
        createCard: (state, action) => {
            cards: [
                ...state.cards,
                {
                    id: state.cards.length + 1,
                    name: action.payload.name,
                }
            ]
        }
    }
}

export const cardReducer = cardSlice.reducer
export const createCard = cardSlice.actions

我已经检查了几次并检查了堆栈溢出的答案，但无法解决此错误。