fix: remove useless fragments

src/apps/experimental/components/library/GenresItemsContainer.tsx

@@ -18,33 +18,32 @@ const GenresItemsContainer: FC<GenresItemsContainerProps> = ({
     collectionType,
     itemType
 }) => {
-    const { isLoading, data: genresResult } = useGetGenres(
+    const { isLoading, data: genresResult } = useGetGenres(itemType, parentId);
-        itemType,
-        parentId
-    );
 
     if (isLoading) {
         return <Loading />;
     }
 
+    if (!genresResult?.Items?.length) {
+        return (
+            <div className='noItemsMessage centerMessage'>
+                <h1>{globalize.translate('MessageNothingHere')}</h1>
+                <p>{globalize.translate('MessageNoGenresAvailable')}</p>
+            </div>
+        );
+    }
+
     return (
         <>
-            {!genresResult?.Items?.length ? (
+            {genresResult.Items.map((genre) => (
-                <div className='noItemsMessage centerMessage'>
+                <GenresSectionContainer
-                    <h1>{globalize.translate('MessageNothingHere')}</h1>
+                    key={genre.Id}
-                    <p>{globalize.translate('MessageNoGenresAvailable')}</p>
+                    collectionType={collectionType}
-                </div>
+                    parentId={parentId}
-            ) : (
+                    itemType={itemType}
-                genresResult?.Items?.map((genre) => (
+                    genre={genre}
-                    <GenresSectionContainer
+                />
-                        key={genre.Id}
+            ))}
-                        collectionType={collectionType}
-                        parentId={parentId}
-                        itemType={itemType}
-                        genre={genre}
-                    />
-                ))
-            )}
         </>
     );
 };

src/components/ServerContentPage.tsx

@@ -1,4 +1,4 @@
-import React, { FunctionComponent, useEffect } from 'react';
+import { FunctionComponent, useEffect } from 'react';
 import { useLocation } from 'react-router-dom';
 
 import ServerConnections from './ServerConnections';
@@ -56,7 +56,7 @@ const ServerContentPage: FunctionComponent<ServerContentPageProps> = ({ view })
         location.search
     ]);
 
-    return <></>;
+    return null;
 };
 
 export default ServerContentPage;

src/components/loading/LoadingComponent.tsx

@@ -1,4 +1,4 @@
-import React, { FunctionComponent, useEffect } from 'react';
+import { FunctionComponent, useEffect } from 'react';
 
 import loading from './loading';
 
@@ -11,7 +11,7 @@ const Loading: FunctionComponent = () => {
         };
     }, []);
 
-    return <></>;
+    return null;
 };
 
 export default Loading;

src/components/viewManager/ViewManagerPage.tsx

@@ -1,4 +1,4 @@
-import React, { FunctionComponent, useEffect } from 'react';
+import { FunctionComponent, useEffect } from 'react';
 import { useLocation } from 'react-router-dom';
 
 import globalize from '../../scripts/globalize';
@@ -79,7 +79,7 @@ const ViewManagerPage: FunctionComponent<ViewManagerPageProps> = ({
         location.search
     ]);
 
-    return <></>;
+    return null;
 };
 
 export default ViewManagerPage;