reactjs - How to convert useContext to typescript

Question

How can I get the setDay function to work in typescript, this was working fine in javascript, the context should only receive numbers as arguments :

const SetScreen = React.createContext();

  const { setDay }  = useContext(SetScreen);


  return (
    <nav>
      {programDays.map((days, idx) => {
        return (
          <button
            key={days}
            onClick={() => {
              setDay(idx);
                          }}
                     >
                    </button>
        );
      })}
      </nav>
  );
};

export default Nav;

function App() {
  const [day, setDay] = useState(0);
  return (
    <div className="App">
      <SetScreen.Provider value={day}>
        <Nav />
        <DailySchedule day={day} />
      </SetScreen.Provider>
    </div>
  );

Answer 1

等待大神答复