Redux sliceでのtypescriptエラーについて

Question

Sliceの設定でinitialStateを空で設定したいのですが、typescriptエラーがでます。
どの様にすれば空で設定できるか、ご教示頂きたいです。

エラーが出ない時
Type.ts

export type List = {
  name: string;
  id: string;
}
export type TypeNewList = {
  NewList: List[];
}

ListSlice.ts

const initialState: TypeNewList = {
  NewList: []; // typeエラーはでない
}

export const ListSlice = createSlice({
  name: "List",
  initialState,
  reducers: {
  },
})

エラーが出る時
Type.ts

export type List = {
  name: string;
  id: string;
}

expor type TwoList = {
  user: string;
  userlist: List[];
}

export type TypeNewList = {
  NewList: TwoList;
}

ListSlice.ts

const initialState: TypeNewList = {
  // 空で設定したいが 型never[]には型 TypeNewListからの次のプロパティがありません。 となる
  NewList: [];
}

export const ListSlice = createSlice({
  name: "List",
  initialState,
  reducers: {
  },
})

Answer 1

NewListはTwoList型なんですよね？
"初期化"をしたいのであれば、まずはNewListの"初期状態"がどういう形なのかを整理してみてください。
少なくともTwoList型を空配列で初期化するというのはおかしいことがわかると思います。
TwoListがuserとuserListを持っているのであれば、それぞれが初期状態であるオブジェクトがTwoListの初期状態となります。

Comments

[Mizuho_kisaragi]

回答いただきありがとうございます。
確かに空配列で初期化は変でした。
TwoListの初期状態のオブジェクトを作ることで解決できました。ありがとうございました。