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

src/components/TitleCard/Placeholder.tsx

@@ -4,7 +4,7 @@ interface PlaceholderProps {
   canExpand?: boolean;
 }
 
-const Placeholder: React.FC<PlaceholderProps> = ({ canExpand = false }) => {
+const Placeholder = ({ canExpand = false }: PlaceholderProps) => {
   return (
     <div
       className={`relative animate-pulse rounded-xl bg-gray-700 ${

src/components/TitleCard/TmdbTitleCard.tsx

@@ -14,7 +14,7 @@ const isMovie = (movie: MovieDetails | TvDetails): movie is MovieDetails => {
   return (movie as MovieDetails).title !== undefined;
 };
 
-const TmdbTitleCard: React.FC<TmdbTitleCardProps> = ({ tmdbId, type }) => {
+const TmdbTitleCard = ({ tmdbId, type }: TmdbTitleCardProps) => {
   const { ref, inView } = useInView({
     triggerOnce: true,
   });

src/components/TitleCard/index.tsx

@@ -29,7 +29,7 @@ interface TitleCardProps {
   inProgress?: boolean;
 }
 
-const TitleCard: React.FC<TitleCardProps> = ({
+const TitleCard = ({
   id,
   image,
   summary,
@@ -39,7 +39,7 @@ const TitleCard: React.FC<TitleCardProps> = ({
   mediaType,
   inProgress = false,
   canExpand = false,
-}) => {
+}: TitleCardProps) => {
   const isTouch = useIsTouch();
   const intl = useIntl();
   const { hasPermission } = useUser();