chore(deps): update dependency @svgr/webpack to v8

package.json

@@ -42,7 +42,7 @@
     "@headlessui/react": "1.7.12",
     "@heroicons/react": "2.2.0",
     "@supercharge/request-ip": "1.2.0",
-    "@svgr/webpack": "6.5.1",
+    "@svgr/webpack": "8.1.0",
     "@tanem/react-nprogress": "5.0.56",
     "@types/ua-parser-js": "^0.7.36",
     "@types/wink-jaro-distance": "^2.0.2",

src/components/Login/PlexLoginButton.tsx

@@ -3,7 +3,6 @@ import Button from '@app/components/Common/Button';
 import { SmallLoadingSpinner } from '@app/components/Common/LoadingSpinner';
 import usePlexLogin from '@app/hooks/usePlexLogin';
 import defineMessages from '@app/utils/defineMessages';
-import { Fragment } from 'react';
 import { FormattedMessage } from 'react-intl';
 
 const messages = defineMessages('components.Login', {
@@ -47,12 +46,8 @@ const PlexLoginButton = ({
         >
           {(chunks) => (
             <>
-              {chunks.map((c, index) =>
-                typeof c === 'string' ? (
-                  <span key={index}>{c}</span>
-                ) : (
-                  <Fragment key={index}>{c}</Fragment>
-                )
+              {chunks.map((c) =>
+                typeof c === 'string' ? <span>{c}</span> : c
               )}
             </>
           )}

src/components/Settings/SettingsPlex.tsx

@@ -377,7 +377,6 @@ const SettingsPlex = ({ onComplete }: SettingsPlexProps) => {
           webAppUrl: data?.webAppUrl,
         }}
         validationSchema={PlexSettingsSchema}
-        validateOnMount={true}
         onSubmit={async (values) => {
           let toastId: string | null = null;
           try {
@@ -424,7 +423,6 @@ const SettingsPlex = ({ onComplete }: SettingsPlexProps) => {
           values,
           handleSubmit,
           setFieldValue,
-          setValues,
           isSubmitting,
           isValid,
         }) => {
@@ -447,12 +445,9 @@ const SettingsPlex = ({ onComplete }: SettingsPlexProps) => {
                           availablePresets[Number(e.target.value)];
 
                         if (targPreset) {
-                          setValues({
-                            ...values,
-                            hostname: targPreset.address,
-                            port: targPreset.port,
-                            useSsl: targPreset.ssl,
-                          });
+                          setFieldValue('hostname', targPreset.address);
+                          setFieldValue('port', targPreset.port);
+                          setFieldValue('useSsl', targPreset.ssl);
                         }
                       }}
                     >

src/components/Setup/LoginWithPlex.tsx

@@ -28,8 +28,7 @@ const LoginWithPlex = ({ onComplete }: LoginWithPlexProps) => {
       const response = await axios.post('/api/v1/auth/plex', { authToken });
 
       if (response.data?.id) {
-        const { data: user } = await axios.get('/api/v1/auth/me');
-        revalidate(user, false);
+        revalidate();
       }
     };
     if (authToken) {