react propsがうまく使えない

Question

propsで値をindex.tsxから渡しているのですが
(1)のとこで下記のエラーメッセージが表示されます。
理由がわからないのでわかる人いましたらご教授よろしくお願いします。

非構造化要素はいずれも使用されていません。ts

index.tsx

 <Route
    exact
    path={`${BaseUrl}/${Paths.user}`}
    component={
    <UserCreate
     CountText={props.minimumLength}
     isUser={props.isuser}
     isUppeCase={props.isuppercase}
     isSymbolCase={props.isymbolcase}
    />
     }
  />

interface Props {
  CountText: number;
  isUser: boolean;
  isUppeCase: boolean;
  isSymbolCase: boolean;
}

const initialState = {
  CountText: CountText,
  isUser: isUser,
  isUppeCase: isUppeCase,
  isSymbolCase: isSymbolCase,
};

interface IState {
  CountText: number;
  isUser: boolean;
  isUppeCase: boolean;
  isSymbolCase: boolean;
}

const UserCreate:FC<Props> =({
// (1) ここのpropsでエラーが起きる
  CountText,
  isUser,
  isUppeCase,
  isSymbolCase,
}) => {
  const [state, setState] = useState<IState>(initialState);

Answer 1

CountText,isUser,isUppeCase,isSymbolCaseのうちのどれかの値がコンポーネントの関数内で使われていないからだと思います。

見える範囲でしかわかりませんが、以下のように書き換えれば動くと思います。

const UserCreate:FC<Props> = props => {
  const [state, setState] = useState<IState>(initialState);

Comments

[satodesu]

みましたがどのpropsもコンポーネント関数内で使われています!!
またconst inishialStateのCountText, isUser, isUppeCase, isSymbolCaseに名前CountTextが見つかりません。みたいなエラーが出てしまうのですがどうしたらいいのでしょうか？

[mottox2]

CountTextがないのはUserCreateのファイルでCountTextが定義されていないからではないでしょうか？

とりあえず、どういう値が入るのかわかりませんが次のように初期値を設定してみてはどうでしょうか？

```
const initialState = {
CountText: 0,
isUser: false,
isUppeCase: false,
isSymbolCase: false,
};
```

[satodesu]

上記にも書きましたがinishialStateに初期値は設定しています

[mottox2]

`const inishialStateのCountText, isUser, isUppeCase, isSymbolCaseに名前CountTextが見つかりません。`

このエラーを見る限り、正しく初期値を設定できていない可能性があります