我目前正在尝试使用React + Typescript + Redux，但遇到了一个问题。我正在尝试通过chrome devTools测试Redux Store设置。我知道我破坏了代码（对Typescript来说非常新），但我收到了以下错误：“未捕获的TypeError：每次测试时都无法读取undefined（阅读'dispatch'）'的属性。我尝试声明一个全局窗口状态，安装redux-dev-tools，但仍然非常失败。
下面是我的store/index.tsx文件：

import {
  legacy_createStore as createStore,
  combineReducers,
  applyMiddleware,
  compose,
  StoreEnhancer,
} from "redux";
import { devToolsEnhancer } from "redux-devtools-extension";
import thunk from "redux-thunk";

const rootReducer = combineReducers({});

let enhancer;

if (process.env.NODE_ENV === "production") {
  enhancer = applyMiddleware(thunk);
} else {
  const logger = require("redux-logger").default;
  const composeEnhancers =
    (window && (window as any).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) || compose;
  enhancer = composeEnhancers(applyMiddleware(thunk, logger));
}

const configureStore = () => {
  return createStore(rootReducer, devToolsEnhancer({}));
};

export default configureStore;

和我的类型/索引。d.ts：

import { StoreEnhancer } from 'redux'

export {};

declare global {
  interface Window {
    store: {};
    __REDUX_DEVTOOLS_EXTENSION__?: () => StoreEnhancer;
  }
}

最后是我的src/index.tsx：

import React from "react";
import ReactDOM from "react-dom/client";
import "./index.css";
import App from "./App";

import { Provider } from "react-redux";
import { BrowserRouter } from "react-router-dom";
import configureStore from "./store";

const store = configureStore();

if (process.env.NODE_ENV !== "production") {
  window.store = store;
};

function Root() {
  return (
    <Provider store={store}>
      <BrowserRouter>
        <App />
      </BrowserRouter>
    </Provider>
  );
}

const root = ReactDOM.createRoot(
  document.getElementById("root") as HTMLElement
);

root.render(
  <React.StrictMode>
    <Root />
  </React.StrictMode>
);

我还将附上我的文件设置的屏幕截图：

而我的控制台出错了：

我愿意接受所有的建议，谢谢！