chore(deps): update react to 18 (#2943)

src/components/Discover/DiscoverMovieGenre/index.tsx

@@ -13,7 +13,7 @@ const messages = defineMessages({
   genreMovies: '{genre} Movies',
 });
 
-const DiscoverMovieGenre: React.FC = () => {
+const DiscoverMovieGenre = () => {
   const router = useRouter();
   const intl = useIntl();
 

src/components/Discover/DiscoverMovieLanguage/index.tsx

@@ -13,7 +13,7 @@ const messages = defineMessages({
   languageMovies: '{language} Movies',
 });
 
-const DiscoverMovieLanguage: React.FC = () => {
+const DiscoverMovieLanguage = () => {
   const router = useRouter();
   const intl = useIntl();
 

src/components/Discover/DiscoverMovies.tsx

@@ -11,7 +11,7 @@ const messages = defineMessages({
   discovermovies: 'Popular Movies',
 });
 
-const DiscoverMovies: React.FC = () => {
+const DiscoverMovies = () => {
   const intl = useIntl();
 
   const {

src/components/Discover/DiscoverNetwork/index.tsx

@@ -14,7 +14,7 @@ const messages = defineMessages({
   networkSeries: '{network} Series',
 });
 
-const DiscoverTvNetwork: React.FC = () => {
+const DiscoverTvNetwork = () => {
   const router = useRouter();
   const intl = useIntl();
 

src/components/Discover/DiscoverStudio/index.tsx

@@ -14,7 +14,7 @@ const messages = defineMessages({
   studioMovies: '{studio} Movies',
 });
 
-const DiscoverMovieStudio: React.FC = () => {
+const DiscoverMovieStudio = () => {
   const router = useRouter();
   const intl = useIntl();
 

src/components/Discover/DiscoverTv.tsx

@@ -11,7 +11,7 @@ const messages = defineMessages({
   discovertv: 'Popular Series',
 });
 
-const DiscoverTv: React.FC = () => {
+const DiscoverTv = () => {
   const intl = useIntl();
 
   const {

src/components/Discover/DiscoverTvGenre/index.tsx

@@ -13,7 +13,7 @@ const messages = defineMessages({
   genreSeries: '{genre} Series',
 });
 
-const DiscoverTvGenre: React.FC = () => {
+const DiscoverTvGenre = () => {
   const router = useRouter();
   const intl = useIntl();
 

src/components/Discover/DiscoverTvLanguage/index.tsx

@@ -13,7 +13,7 @@ const messages = defineMessages({
   languageSeries: '{language} Series',
 });
 
-const DiscoverTvLanguage: React.FC = () => {
+const DiscoverTvLanguage = () => {
   const router = useRouter();
   const intl = useIntl();
 

src/components/Discover/DiscoverTvUpcoming.tsx

@@ -11,7 +11,7 @@ const messages = defineMessages({
   upcomingtv: 'Upcoming Series',
 });
 
-const DiscoverTvUpcoming: React.FC = () => {
+const DiscoverTvUpcoming = () => {
   const intl = useIntl();
 
   const {

src/components/Discover/MovieGenreList/index.tsx

@@ -13,7 +13,7 @@ const messages = defineMessages({
   moviegenres: 'Movie Genres',
 });
 
-const MovieGenreList: React.FC = () => {
+const MovieGenreList = () => {
   const intl = useIntl();
   const { data, error } = useSWR<GenreSliderItem[]>(
     `/api/v1/discover/genreslider/movie`

src/components/Discover/MovieGenreSlider/index.tsx

@@ -12,7 +12,7 @@ const messages = defineMessages({
   moviegenres: 'Movie Genres',
 });
 
-const MovieGenreSlider: React.FC = () => {
+const MovieGenreSlider = () => {
   const intl = useIntl();
   const { data, error } = useSWR<GenreSliderItem[]>(
     `/api/v1/discover/genreslider/movie`,

src/components/Discover/NetworkSlider/index.tsx

@@ -142,7 +142,7 @@ const networks: Network[] = [
   },
 ];
 
-const NetworkSlider: React.FC = () => {
+const NetworkSlider = () => {
   const intl = useIntl();
 
   return (

src/components/Discover/StudioSlider/index.tsx

@@ -76,7 +76,7 @@ const studios: Studio[] = [
   },
 ];
 
-const StudioSlider: React.FC = () => {
+const StudioSlider = () => {
   const intl = useIntl();
 
   return (

src/components/Discover/Trending.tsx

@@ -15,7 +15,7 @@ const messages = defineMessages({
   trending: 'Trending',
 });
 
-const Trending: React.FC = () => {
+const Trending = () => {
   const intl = useIntl();
   const {
     isLoadingInitialData,

src/components/Discover/TvGenreList/index.tsx

@@ -13,7 +13,7 @@ const messages = defineMessages({
   seriesgenres: 'Series Genres',
 });
 
-const TvGenreList: React.FC = () => {
+const TvGenreList = () => {
   const intl = useIntl();
   const { data, error } = useSWR<GenreSliderItem[]>(
     `/api/v1/discover/genreslider/tv`

src/components/Discover/TvGenreSlider/index.tsx

@@ -12,7 +12,7 @@ const messages = defineMessages({
   tvgenres: 'Series Genres',
 });
 
-const TvGenreSlider: React.FC = () => {
+const TvGenreSlider = () => {
   const intl = useIntl();
   const { data, error } = useSWR<GenreSliderItem[]>(
     `/api/v1/discover/genreslider/tv`,

src/components/Discover/Upcoming.tsx

@@ -11,7 +11,7 @@ const messages = defineMessages({
   upcomingmovies: 'Upcoming Movies',
 });
 
-const UpcomingMovies: React.FC = () => {
+const UpcomingMovies = () => {
   const intl = useIntl();
 
   const {

src/components/Discover/index.tsx

@@ -27,7 +27,7 @@ const messages = defineMessages({
   trending: 'Trending',
 });
 
-const Discover: React.FC = () => {
+const Discover = () => {
   const intl = useIntl();
 
   const { data: media, error: mediaError } = useSWR<MediaResultsResponse>(