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

src/components/MovieDetails/MovieCast/index.tsx

@@ -14,7 +14,7 @@ const messages = defineMessages({
   fullcast: 'Full Cast',
 });
 
-const MovieCast: React.FC = () => {
+const MovieCast = () => {
   const router = useRouter();
   const intl = useIntl();
   const { data, error } = useSWR<MovieDetails>(

src/components/MovieDetails/MovieCrew/index.tsx

@@ -14,7 +14,7 @@ const messages = defineMessages({
   fullcrew: 'Full Crew',
 });
 
-const MovieCrew: React.FC = () => {
+const MovieCrew = () => {
   const router = useRouter();
   const intl = useIntl();
   const { data, error } = useSWR<MovieDetails>(

src/components/MovieDetails/MovieRecommendations.tsx

@@ -15,7 +15,7 @@ const messages = defineMessages({
   recommendations: 'Recommendations',
 });
 
-const MovieRecommendations: React.FC = () => {
+const MovieRecommendations = () => {
   const intl = useIntl();
   const router = useRouter();
   const { data: movieData } = useSWR<MovieDetails>(

src/components/MovieDetails/MovieSimilar.tsx

@@ -15,7 +15,7 @@ const messages = defineMessages({
   similar: 'Similar Titles',
 });
 
-const MovieSimilar: React.FC = () => {
+const MovieSimilar = () => {
   const router = useRouter();
   const intl = useIntl();
   const { data: movieData } = useSWR<MovieDetails>(

src/components/MovieDetails/index.tsx

@@ -80,7 +80,7 @@ interface MovieDetailsProps {
   movie?: MovieDetailsType;
 }
 
-const MovieDetails: React.FC<MovieDetailsProps> = ({ movie }) => {
+const MovieDetails = ({ movie }: MovieDetailsProps) => {
   const settings = useSettings();
   const { user, hasPermission } = useUser();
   const router = useRouter();