Update to TypeScript 5.9

Author: mre

components/elements/AutocompleteSearch/AutocompleteSearch.tsx

@@ -77,7 +77,9 @@ const AutocompleteSearch: FC = () => {
             indexName="tools"
             searchFunction={handleSearch}>
             <div className="autocomplete-search">
-                <Configure hitsPerPage={10} typoTolerance={true} />
+                <Configure
+                    {...({ hitsPerPage: 10, typoTolerance: true } as any)}
+                />
                 <SearchBox
                     placeholder="Find analysis tools, formatters, linters.."
                     onFocus={handleShowResults}

next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.

package-lock.json

@@ -14,7 +14,6 @@
         "@octokit/core": "^3.5.1",
         "@splidejs/react-splide": "^0.7.10",
         "@splidejs/splide-extension-video": "^0.8.0",
-        "@types/react-dom": "^18.3.0",
         "algoliasearch": "^4.20.0",
         "cache-manager": "^4.1.0",
         "cache-manager-fs-hash": "^1.0.0",
@@ -46,7 +45,8 @@
         "@types/cache-manager-fs-hash": "^0.0.1",
         "@types/marked": "^4.0.2",
         "@types/node": "^17.0.16",
-        "@types/react": "^18.3.3",
+        "@types/react": "^18.3.24",
+        "@types/react-dom": "^18.3.7",
         "@typescript-eslint/eslint-plugin": "^5.11.0",
         "@typescript-eslint/parser": "^5.11.0",
         "eslint": "^8.8.0",
@@ -56,7 +56,7 @@
         "pretty-quick": "^3.1.3",
         "ts-node": "^10.9.1",
         "tsconfig-paths": "^4.2.0",
-        "typescript": "4.5.5"
+        "typescript": "^5.9.2"
     },
     "husky": {
         "hooks": {

package.json

@@ -3,7 +3,7 @@ import type { GetStaticProps } from 'next';
 import { MainHead, Footer, Navbar, SingleFAQ } from '@components/core';
 import { Card, Main, Panel, Wrapper } from '@components/layout';
 import { SponsorSidebar } from '@components/sponsors';
-import { ArticlePreview, Faq } from 'utils/types';
+import type { ArticlePreview, Faq } from 'utils/types';
 import { getArticlesPreviews } from 'utils-api/blog';
 import { getFaq } from 'utils-api/faq';
 import { PanelHeader } from '@components/elements';

pages/faq/index.tsx

@@ -55,7 +55,7 @@ export const getStaticProps: GetStaticProps = async ({ params }) => {
 
     // Capitalize the first letter of the tag
     let tagName = slug.charAt(0).toUpperCase() + slug.slice(1);
-    if (tagData.name) {
+    if ('name' in tagData && tagData.name) {
         // We can use a more descriptive name if it exists
         tagName = tagData.name;
     }

pages/tag/[slug].tsx

@@ -22,8 +22,8 @@ import { getArticlesPreviews } from 'utils-api/blog';
 export const getServerSideProps: GetServerSideProps = async (ctx) => {
     const sponsors = await getSponsors();
     const articles = await getArticlesPreviews();
-    const { data: languages } = await fetchLanguages();
-    const { data: others } = await fetchOthers();
+    const { data: languages = [] } = await fetchLanguages();
+    const { data: others = [] } = await fetchOthers();
 
     // Create a new QueryClient instance for each page request.
     // This ensures that data is not shared between users and requests.