reactjs - 子からの反応コンテキストは変更されません

Question

同様の質問から解決策を読みましたが、役に立ちませんでした。
ここに私の簡単なコードがあります: https://codesandbox.io/s/gracious-jennings-ugqzd

import myContext from "./myContext";
import Two from "./Two.js";

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      number: 0
    };
  }

  render() {
    return (
      <myContext.Provider value={this.state}>
        <div className="App">
          <Two />
          <h2>{this.state.number}</h2>
        </div>
      </myContext.Provider>
    );
  }
}

export default App;

クラス <Two /> のどこでも変数番号を変更できるように設定する必要があります。助けていただければ幸いです。