react stateの更新で配列に配列のオブジェクトを追加できない

Question

morePageの処理の時引数には配列が渡されます。
既存の配列に引数で渡されたlistを追加したいので users: { ...state.users, users: list },のように記述したのですが
エラーメッセージが表示されます。

//　エラ〜メッセージ
 オブジェクト リテラルは既知のプロパティのみ指定できます。'users' は型 'IProfile[]' に存在しません。ts

interface IState {
  searchState: ISearch;
  users: IUser[];
 const [state, setState] = useState<IState>({
    searchState: initialSearch,
    users: [],


/** リストの処理 */
  const morePage = (list: IUser[]) => {
    setState({
      ...state,
      page: state.page + 1,
      users: { ...state.users, users: list },
    });
  };

Answer 1

usersは配列なので下記が正しいのではないでしょうか？

users: [ ...state.users, ...list ],

Comments

[dsfdsf]

ありがとうございます。
sers: [ ...state.users, users: list ],の」usersで以下のエラーが出ました。
Parsing error: ',' expected.eslint
'users' という名前は見つかりません。'IUsers' ですか?ts(

[nekoniki]

> sers: [ ...state.users, users: list ],
回答内容をよく見てください。
users: [ ...state.users, ...list ],
です。

[dsfdsf]

ありがとうございます。
無事、解決できました！