可以在react组件之外更新上下文状态吗？

const MyContext = React.createContext({ count: 0 });

const updateContext = (newValue) => {
  ReactDOM.render(
    <MyContext.Provider value={newValue}>
      <App />
    </MyContext.Provider>,
    document.getElementById('root')
  );
};

import React, { useContext } from 'react';

const MyComponent = () => {
  const contextValue = useContext(MyContext);

  // 使用上下文的值进行渲染和操作
  return (
    <div>
      <p>Count: {contextValue.count}</p>
      <button onClick={() => updateContext({ count: contextValue.count + 1 })}>
        Increment
      </button>
    </div>
  );
};