React Typescript オブジェクトリテラルエラー解決できない

Question

setState({ ...state, ...{Item: newNames}});が①のエラーになったので
const newNames:Item = {
text:t,
isCheck: false,
};
のNamesに[]をつけて
const newNames:Item[] = {
text:t,
isCheck: false,
};
に直したらsetState({ ...state, ...{Item: newNames}});のエラーは消えたのですが下記(②)エラーが出てしまいました。

const newNames:Item[] = {
text: string,
isCheck: false,
};のname:nameが②のエラーになりました。
解決方法がわからず困っています。どうしたらいいでしょうか？

①
  Argument of type '{ names:Item; name: string; }' is not assignable to parameter of type 'SetStateAction<State>'.
  Type '{ names:Item;  name: string;}' is not assignable to type 'State'.
    Types of property 'names' are incompatible.
      Type 'Item' is missing the following properties from type 'Item[]': length, pop, push, concat, 

②
Type '{text: string; isCheck: boolean; }' is not assignable to type 'Item[]'.
  Object literal may only specify known properties, and 'text' does not exist in type 'Item[]'.

  const type Item= {
    text: string
    isCheck: boolean
  }

  interface NState {
  name: string;
  names:Item[];
  }

const Index:FC<Props> = () => {
  const [state, setState] =  useState<NState>({
    name: '',
    names: [],
  });

const onSubmit = (t: string) => {
  const newNames: Item = {
    text:t,
    isCheck: false,
  };

setState({ ...state, ...{Item: newNames}});

Answer 1

まず、型 (正確には違うかもしれませんが、この回答においてはTypeとInterfaceを「型」と呼ぶことにします) の名前と変数名 (プロパティ名) がぐちゃぐちゃです。混乱の元なのでやめたほうがいいです。
普通、型は先頭を大文字にします。 String, Date, XMLHttpRequest など。変数名は小文字から始まります。変数名において複数形にする場合、それは配列 (か、Iteratable) であることが期待されることが多いです。

const type names= {
  name: string
  isCheck: boolean
}

interface State {
  name: string;
  names: names[];
}

この宣言時点で、もうすでに混乱ポイントがあります。 State は name: string と names: names[] を持っています。コードを書いた本人であってもどの変数が何を意味するのかわからなくなると思います。私は本人ではないのでまったくわかりません。nameとnames[0].nameは何が違うのでしょう？

type Name = {
  name: string
  isChecked: boolean
}

interface State {
  names: Name[]
}

……というのは前の質問に対する回答でも指摘されていましたよね。あなたがいま直面しているエラーは、型と、型が持つプロパティが何なのか、自分でわからなくなっていることが原因です。

Comments

[aaayyy]

書き直しました！