Fix useState TypeScript errors

src/components/pages/NewUserPage.tsx

@@ -22,8 +22,8 @@ type ItemsArr = {
 }
 
 const NewUserPage: FunctionComponent = () => {
-    const [ channelsItems, setChannelsItems ] = useState([]);
-    const [ mediaFoldersItems, setMediaFoldersItems ] = useState([]);
+    const [ channelsItems, setChannelsItems ] = useState<ItemsArr[]>([]);
+    const [ mediaFoldersItems, setMediaFoldersItems ] = useState<ItemsArr[]>([]);
     const element = useRef<HTMLDivElement>(null);
 
     const getItemsResult = (items: ItemsArr[]) => {

src/components/pages/SearchPage.tsx

@@ -12,7 +12,7 @@ type SearchProps = {
 };
 
 const SearchPage: FunctionComponent<SearchProps> = ({ serverId, parentId, collectionType }: SearchProps) => {
-    const [ query, setQuery ] = useState(null);
+    const [ query, setQuery ] = useState<string>();
 
     return (
         <>

src/components/pages/UserEditPage.tsx

@@ -24,7 +24,7 @@ type ItemsArr = {
 
 const UserEditPage: FunctionComponent = () => {
     const [ userName, setUserName ] = useState('');
-    const [ deleteFoldersAccess, setDeleteFoldersAccess ] = useState([]);
+    const [ deleteFoldersAccess, setDeleteFoldersAccess ] = useState<ItemsArr[]>([]);
     const [ authProviders, setAuthProviders ] = useState([]);
     const [ passwordResetProviders, setPasswordResetProviders ] = useState([]);
 

src/components/pages/UserLibraryAccessPage.tsx

@@ -21,9 +21,9 @@ type ItemsArr = {
 
 const UserLibraryAccessPage: FunctionComponent = () => {
     const [ userName, setUserName ] = useState('');
-    const [channelsItems, setChannelsItems] = useState([]);
-    const [mediaFoldersItems, setMediaFoldersItems] = useState([]);
-    const [devicesItems, setDevicesItems] = useState([]);
+    const [channelsItems, setChannelsItems] = useState<ItemsArr[]>([]);
+    const [mediaFoldersItems, setMediaFoldersItems] = useState<ItemsArr[]>([]);
+    const [devicesItems, setDevicesItems] = useState<ItemsArr[]>([]);
 
     const element = useRef<HTMLDivElement>(null);
 

src/components/pages/UserParentalControl.tsx

@@ -27,9 +27,9 @@ type ItemsArr = {
 
 const UserParentalControl: FunctionComponent = () => {
     const [ userName, setUserName ] = useState('');
-    const [ parentalRatings, setParentalRatings ] = useState([]);
-    const [ unratedItems, setUnratedItems ] = useState([]);
-    const [ accessSchedules, setAccessSchedules ] = useState([]);
+    const [ parentalRatings, setParentalRatings ] = useState<RatingsArr[]>([]);
+    const [ unratedItems, setUnratedItems ] = useState<ItemsArr[]>([]);
+    const [ accessSchedules, setAccessSchedules ] = useState<AccessSchedule[]>([]);
     const [ blockedTags, setBlockedTags ] = useState([]);
 
     const element = useRef<HTMLDivElement>(null);

src/components/pages/UserProfilesPage.tsx

@@ -1,4 +1,4 @@
-
+import { UserDto } from '@thornbill/jellyfin-sdk/dist/generated-client';
 import React, {FunctionComponent, useEffect, useState, useRef} from 'react';
 import Dashboard from '../../scripts/clientUtils';
 import globalize from '../../scripts/globalize';
@@ -21,7 +21,7 @@ type MenuEntry = {
 }
 
 const UserProfilesPage: FunctionComponent = () => {
-    const [ users, setUsers ] = useState([]);
+    const [ users, setUsers ] = useState<UserDto[]>([]);
 
     const element = useRef<HTMLDivElement>(null);