Reducer

  kaReducer(prevProps, action) // returns new props

  // example with hooks,
  // in this case props are stored in the state
  const [tableProps, changeTableProps] = useState(tablePropsInit);
  const dispatch: DispatchFunc = (action) => { // describe how to behave when action is dispatched
    changeTableProps((prevProps: ITableProps) =>
      kaReducer(prevProps, action) // kaReducer returns new props to the state to update the Table
    );
  };
  return (
    <Table
      {...tableProps}
      dispatch={dispatch}
    />
  );

  // extend kaReducer
  const customReducer = (prevProps, action) => {
    switch(action.type){
      case "MY_CUSTOM_ACTION": return { ...prevProps, editableCells: [] };
      default: return kaReducer(prevProps, action);
    }
  };