title: Typescript react An argument for 'defaultValue' was not provided
body: <p>I have the following code and I get this error (An argument for 'defaultValue' was not provided.).</p>
  <p>I need to put in some default values but I can't see which default values.</p>
  <p>i also get some other errors:</p>
  <ol>
  <li><p>Property 'imdbID' does not exist on type 'never'. and</p>
  </li>
  <li><p>Argument of type 'any[]' is not assignable to parameter of type 'SetStateAction&lt;never[]&gt;'.
  Type 'any[]' is not assignable to type 'never[]'.
  Type 'any' is not assignable to type 'never'.ts(2345)</p>
  </li>
  <li><p>Argument of type 'any' is not assignable to parameter of type 'never'.ts(2345)
  (parameter) movie: any</p>
  </li>
  </ol>
  <pre><code>import React, { createContext, useState, useEffect } from 'react';
  import axios from 'axios';
  export const MovieContext = createContext();
  
  
  const MovieApp = ({ children }:any) =&gt; {
    const [favorites, setFavorites] = useState([]);
    const [movies, setMovies] = useState();
    const [search, setSearch] = useState('');
    const [selectedMovie, setSelectedMovie] = useState('');
  
    const fetchMovies = async (searchValue) =&gt; {
      const response = await axios(
        `https://www.omdbapi.com/?apikey=${API_KEY}&amp;s=${searchValue}`
      );
      const data = response.data;
      setMovies(data.Search);
    };
  
    const removeFavoriteMovie = (movie:any) =&gt; {
      movie.isFavorite = false;
      const newFavoriteList = favorites.filter(
        (fav) =&gt; fav.imdbID !== movie.imdbID
      );
      setFavorites(newFavoriteList);
    };
  
    const addFavoriteMovie = (movie:any) =&gt; {
      movie.isFavorite = true;
      const newFavoriteList = [...favorites, movie];
      setFavorites(newFavoriteList);
    };
  
    const favoriteHandler = (movie:any, e:any) =&gt; {
      e.preventDefault();
      if (favorites.includes(movie)) {
        removeFavoriteMovie(movie);
      } else {
        addFavoriteMovie(movie);
      }
    };
  
    const showDetail = async (id:any) =&gt; {
      const response = await axios(
        `https://www.omdbapi.com/?apikey=${API_KEY}&amp;i=${id}`
      );
      const data = response.data;
      setSelectedMovie(data);
    };
  
    useEffect(() =&gt; {
      console.log(API_KEY)
      fetchMovies(search);
    }, [search]);
  
    return (
      &lt;MovieContext.Provider
        value={{
          setSearch,
          movies,
          favorites,
          favoriteHandler,
          showDetail,
          selectedMovie,
        }}
      &gt;
        {children}
      &lt;/MovieContext.Provider&gt;
    );
  };
  
  export default MovieApp;
  </code></pre>