Answers

Here are the answers to the questions in the preceding section.

1. The name prop will have the any type.
2. The firstName state will be given the string type because string will be inferred from the initial value "".
3. There will be no type error even though firstName is not passed because it is defined as optional.
4. The inferred type of status is string. An explicit type can be defined for the state using a generic type argument as follows:

   const [status, setStatus] = useState<'Good' | 'Bad'>('Good');

5. The type for the FruitList component could be as follows:

   type Props = {

     fruits: string[];

   }

Alternatively, it could be defined using an interface as follows:

interface Props {
  fruits: string[];
}

6. The email state could be defined as follows:

   const [email, setEmail] = useState<string | null>(null);

An explicit type needs to be defined; otherwise, an initial value of null...