controls-context.tsx

export const TimesTableControls = () => {
  const playTimer = useRef(null);
  const { timesTable, setTimesTable } = useContext(TimesTableContext);

  const pause = () => clearInterval(playTimer.current);

  const play = () => {
    playTimer.current = setInterval(() => {
      setTimesTable(timesTable + 0.1);
    }, 100);
  };

  ...

  return (
    <>
      <button onClick={play}>play</button>
      <button onClick={pause}>pause</button>
    </>
  );
};