react stateにobjectを追加したい

Question

onClickList（）が呼ばれた時にstateのgroupsに保存されている配列の最後に新しいgroupsを追加してあげたいです。
以下の group: [...state.groups, groups],のように実装したのですが型 '(Groups| Groups[])[]' を型 'Groups[]' に割り当てることはできません。とエラーになってしまいます。ご教授お願いしたいです

interface IState {
  id: number;
  groups: Groups[];


const Group : FC = () => {
  const [state, setState] = useState<IState>({
    id: 0,
    groups: [],
  });

  const onClickList = (groups: any) => {
      setState({
        ...state,
        group: [...state.groups, groups],
      });
    }

Answer 1

groupではなくgroupsではないですか？

// group: [...state.groups, groups],
groups: [...state.groups, groups],