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

src/components/RequestList/RequestItem/index.tsx

@@ -50,10 +50,10 @@ interface RequestItemErroProps {
   revalidateList: () => void;
 }
 
-const RequestItemError: React.FC<RequestItemErroProps> = ({
+const RequestItemError = ({
   mediaId,
   revalidateList,
-}) => {
+}: RequestItemErroProps) => {
   const intl = useIntl();
   const { hasPermission } = useUser();
 
@@ -88,10 +88,7 @@ interface RequestItemProps {
   revalidateList: () => void;
 }
 
-const RequestItem: React.FC<RequestItemProps> = ({
-  request,
-  revalidateList,
-}) => {
+const RequestItem = ({ request, revalidateList }: RequestItemProps) => {
   const { ref, inView } = useInView({
     triggerOnce: true,
   });

src/components/RequestList/index.tsx

@@ -37,7 +37,7 @@ enum Filter {
 
 type Sort = 'added' | 'modified';
 
-const RequestList: React.FC = () => {
+const RequestList = () => {
   const router = useRouter();
   const intl = useIntl();
   const { user } = useUser({
@@ -238,9 +238,9 @@ const RequestList: React.FC = () => {
                       ? pageIndex * currentPageSize + data.results.length
                       : (pageIndex + 1) * currentPageSize,
                   total: data.pageInfo.results,
-                  strong: function strong(msg) {
-                    return <span className="font-medium">{msg}</span>;
-                  },
+                  strong: (msg: React.ReactNode) => (
+                    <span className="font-medium">{msg}</span>
+                  ),
                 })}
             </p>
           </div>