fix: resolve ts lint explicit any

type MediaQueryHandler

Author: bmuenzenmeyer

components/AnchoredHeading.tsx

@@ -1,4 +1,4 @@
-import type { FC, PropsWithChildren } from 'react';
+import type { FC, JSX, PropsWithChildren } from 'react';
 
 type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 
@@ -18,15 +18,15 @@ type AnchorHeadingProps = PropsWithChildren<{
  *
  * If your title has some non-English characters, please use
  * `<!---->` to quote your English anchor name inside, with your
- * own title beside it. Otherwises it will return you what it is.
+ * own title beside it. Otherwise it will return you what it is.
  */
 
 // React will ignore "<!" and ">" in the string,
 // so we can just use '-- --' to quote the anchor name inside it.
 const COMMENT_FOR_HEADANCHOR = /--\x20?([\w\x20-]+)\x20?--/;
 
 const AnchoredHeading: FC<AnchorHeadingProps> = ({ level, id, children }) => {
-  const HeadingLevelTag = `h${level}` as any;
+  const HeadingLevelTag = `h${level}` as unknown as JSX.ElementType;
 
   let sanitizedId =
     id ?? children?.toLocaleString().toLocaleLowerCase().replace(/\x20/g, '-');

components/SideNavigation.tsx

@@ -7,6 +7,7 @@ import type { FC } from 'react';
 
 type SideNavigationProps = {
   navigationKey: NavigationKeys;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   context?: Record<string, Record<string, any>>;
 };
 

hooks/__tests__/useMediaQuery.test.tsx

@@ -1,5 +1,6 @@
 import { renderHook } from '@testing-library/react';
 import { useMediaQuery } from '@/hooks/useMediaQuery';
+import type { MediaQueryHandler } from '@/hooks/useMediaQuery';
 
 describe('useMediaQuery', () => {
   it('should check for matchMedia support', () => {
@@ -41,7 +42,7 @@ describe('useMediaQuery', () => {
   it('should subscribe for media changes', () => {
     const listenerMock = jest
       .fn()
-      .mockImplementation((_: any, handler: Function) => {
+      .mockImplementation((_: unknown, handler: MediaQueryHandler) => {
         handler();
       });
 
@@ -60,9 +61,11 @@ describe('useMediaQuery', () => {
   });
 
   it("should support MediaQueryList's old event listeners", () => {
-    const listenerMock = jest.fn().mockImplementation((handler: Function) => {
-      handler();
-    });
+    const listenerMock = jest
+      .fn()
+      .mockImplementation((handler: MediaQueryHandler) => {
+        handler();
+      });
 
     Object.defineProperty(window, 'matchMedia', {
       writable: true,

hooks/useMediaQuery.ts

@@ -1,6 +1,11 @@
 import { useState, useEffect } from 'react';
 
-const mediaQueryChangeSubscribe = (mq: MediaQueryList, handler: () => void) => {
+export type MediaQueryHandler = () => void;
+
+const mediaQueryChangeSubscribe = (
+  mq: MediaQueryList,
+  handler: MediaQueryHandler
+) => {
   if (mq.addEventListener) {
     mq.addEventListener('change', handler);
   } else {
@@ -10,7 +15,7 @@ const mediaQueryChangeSubscribe = (mq: MediaQueryList, handler: () => void) => {
 
 const mediaQueryChangeUnsubscribe = (
   mq: MediaQueryList,
-  handler: () => void
+  handler: MediaQueryHandler
 ) => {
   if (mq.removeEventListener) {
     mq.removeEventListener('change', handler);

hooks/useNavigation.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { FormattedMessage } from 'react-intl';
 import * as nextJson from '@/next.json.mjs';
 import type { NavigationEntry, NavigationKeys } from '@/types';

util/nodeRelease.ts

@@ -4,8 +4,8 @@ import type {
   NodeReleaseSupport,
 } from '@/types/releases';
 
-export const isNodeRelease = (release: any): release is NodeRelease =>
-  typeof release === 'object' && release?.version;
+export const isNodeRelease = (release: unknown): release is NodeRelease =>
+  typeof release === 'object' && release !== null && 'version' in release;
 
 export const getNodeReleaseStatus = (
   now: Date,