Update to typescript-eslint v8 (#6372)

* Update typescript-eslint to v8

* Disable @typescript-eslint/prefer-optional-chain

This rule now requires type information which is not currently enabled for
the Typescript ESLint checks.

* Remove unused vars

* Disable no-empty-function for line using updated config

* Disable rule for lines that violate updated typescript-eslint rules

* Use void operator to fix no-floating-promises

Co-authored-by: Bill Thornton <thornbill@users.noreply.github.com>

* Use void operator to fix no-floating-promises

Co-authored-by: Bill Thornton <thornbill@users.noreply.github.com>

---------

Co-authored-by: Bill Thornton <thornbill@users.noreply.github.com>

src/components/AppHeader.tsx

@@ -9,7 +9,7 @@ const AppHeader: FC<AppHeaderParams> = ({
 }) => {
     useEffect(() => {
         // Initialize the UI components after first render
-        import('../scripts/libraryMenu');
+        void import('../scripts/libraryMenu');
     }, []);
 
     return (

src/components/Backdrop.tsx

@@ -13,7 +13,7 @@ const styles = layoutManager.experimental ? {
 const Backdrop = () => {
     useEffect(() => {
         // Initialize the UI components after first render
-        import('../scripts/autoBackdrops');
+        void import('../scripts/autoBackdrops');
     }, []);
 
     return (

src/components/alphaPicker/AlphaPickerComponent.tsx

@@ -7,7 +7,7 @@ type AlphaPickerProps = {
 };
 
 // React compatibility wrapper component for alphaPicker.js
-// eslint-disable-next-line @typescript-eslint/no-empty-function
+// eslint-disable-next-line no-empty-function
 const AlphaPickerComponent: FunctionComponent<AlphaPickerProps> = ({ onAlphaPicked = () => {} }: AlphaPickerProps) => {
     const [ alphaPicker, setAlphaPicker ] = useState<AlphaPicker>();
     const element = useRef<HTMLDivElement>(null);

src/components/cardbuilder/Card/cardHelper.ts

@@ -132,7 +132,7 @@ export function getAirTimeText(
                 date = datetime.parseISO8601Date(item.EndDate);
                 airTimeText += ' - ' + datetime.getDisplayTime(date);
             }
-        } catch (e) {
+        } catch {
             console.error('error parsing date: ' + item.StartDate);
         }
     }
@@ -521,7 +521,7 @@ function getPremiereDate(PremiereDate: string | null | undefined) {
                 datetime.parseISO8601Date(PremiereDate),
                 { weekday: 'long', month: 'long', day: 'numeric' }
             );
-        } catch (err) {
+        } catch {
             return '';
         }
     } else {

src/components/mediainfo/usePrimaryMediaInfo.tsx

@@ -80,7 +80,7 @@ function addOriginalAirDateInfo(
                 itemType !== ItemKind.Episode
             );
             addMiscInfo({ text: datetime.toLocaleDateString(date) });
-        } catch (e) {
+        } catch {
             console.error('error parsing date:', itemPremiereDate);
         }
     }
@@ -212,7 +212,7 @@ function addProgramTextInfo(
                 datetime.toLocaleDateString(date)
             );
             addMiscInfo({ text: text });
-        } catch (e) {
+        } catch {
             console.error('error parsing date:', program.PremiereDate);
         }
     }
@@ -238,7 +238,7 @@ function addStartDateInfo(
             if (itemType !== ItemKind.Recording) {
                 addMiscInfo({ text: datetime.getDisplayTime(date) });
             }
-        } catch (e) {
+        } catch {
             console.error('error parsing date:', itemStartDate);
         }
     }
@@ -291,7 +291,7 @@ function addproductionYearWithEndDate(
             if (endYear !== itemProductionYear) {
                 productionYear += `-${endYear}`;
             }
-        } catch (e) {
+        } catch {
             console.error('error parsing date:', itemEndDate);
         }
     }
@@ -324,7 +324,7 @@ function addYearInfo(
                     { useGrouping: false }
                 );
                 addMiscInfo({ text: text });
-            } catch (e) {
+            } catch {
                 console.error('error parsing date:', itemPremiereDate);
             }
         }

src/components/mediainfo/useSecondaryMediaInfo.tsx

@@ -36,7 +36,7 @@ function addProgramTime(
                 programTimeText += ` - ${datetime.getDisplayTime(date)}`;
             }
             addMiscInfo({ text: programTimeText });
-        } catch (e) {
+        } catch {
             console.error('error parsing date:', itemStartDate);
         }
     }