TimesTableAppHooks.tsx

export const TimesTableApp = () => {
  const [pointCount, setPointCount] = useState(10);
  const [timesTable, setTimesTable] = useState(2);
  const [lineColor, setLineColor] = useState('#000000');

  const state: TimesTableContextProps = {
    pointCount,
    timesTable,
    lineColor,

    setPointCount,
    setTimesTable,
    setLineColor
  };

  return (
    <TimesTableContext.Provider value={this.state}>
      <TimesTable />
      <TimesTableControls />
    </TimesTableContext>
  );
};