如何使用react suspense更新redux store

import React, { Suspense } from 'react';
import { Provider, useSelector, useDispatch } from 'react-redux';
import { createStore } from 'redux';

// 引入需要的其他组件和文件

const store = createStore(reducer); // 创建 Redux store

const App = () => {
  return (
    <Provider store={store}>
      <Suspense fallback={<div>Loading...</div>}>
        {/* 其他组件和代码 */}
      </Suspense>
    </Provider>
  );
};

const MyComponent = () => {
  const counter = useSelector(state => state.counter); // 获取 store 中的 counter 状态
  const dispatch = useDispatch(); // 获取 dispatch 函数

  const updateCounter = () => {
    // 更新 counter 状态的逻辑
    dispatch({ type: 'INCREMENT' }); // 示例代码，根据具体需求修改
  };

  return (
    <div>
      <p>Counter: {counter}</p>
      <button onClick={updateCounter}>Increment</button>
    </div>
  );
};

const App = () => {
  return (
    <Provider store={store}>
      <Suspense fallback={<div>Loading...</div>}>
        <MyComponent />
        {/* 其他组件和代码 */}
      </Suspense>
    </Provider>
  );
};