connected-comp.tsx

const ConnectedComp = React.memo(() => {
  const { state, dispatch } = React.useContext(context);
  return (
    <Comp
      value={state.value1}
      onClick={React.useCallback(
        () => dispatch(actions.myAction({ value1: state.value1 + 1 })),
        [dispatch, state.value1]
      )}
    />
  );
});