fix: typecheck by adding _ to unused variable

README.md

@@ -1,7 +1,13 @@
 # React App
 
+<div style="display: flex; gap: 1rem;">
+
+[![CI](https://github.com/rifandani/react-app/actions/workflows/ci.yml/badge.svg)](https://github.com/rifandani/react-app/actions/workflows/ci.yml)
+
 [![DeepScan grade](https://deepscan.io/api/teams/13942/projects/25435/branches/795942/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=13942&pid=25435&bid=795942)
 
+</div>
+
 An opinionated and scalable project starter and reference for building bulletproof production ready React applications.
 
 ## Intro

docs/application-overview.md

@@ -9,7 +9,7 @@ The application built with:
 - `@formkit/auto-animate` -> automate transition animation when component mount/unmount
 - `axios` + `@tanstack/react-query` -> server state management + data fetching
 - `zod` -> runtime schema validation
-- `@iconify-icon/react` -> SVG icon on demand
+- `@iconify/react` -> SVG icon on demand
 - `react-aria` + `react-aria-components` + `react-stately` -> adaptive, accessible and robust unstyled UI components like radix-ui
 - `react-hook-form` -> form management
 - `zustand` -> performant global state

src/app/reload-prompt-sw.tsx

@@ -1,9 +1,5 @@
 import { useCallback } from 'react'
 import { useRegisterSW } from 'virtual:pwa-register/react'
-import { pwaInfo } from 'virtual:pwa-info'
-
-// eslint-disable-next-line no-console
-console.log(`🐫 ~ "reload-prompt-sw.tsx" at line 3: pwaInfo -> `, { pwaInfo })
 
 export function ReloadPromptSw() {
   // replaced dynamically

src/modules/shared/hooks/use-raf-interval.hook.ts

@@ -28,7 +28,7 @@ function setRafInterval(callback: () => void, delay: number = 0) {
   return handle
 };
 
-function cancelAnimationFrameIsNotDefined(t: any): t is NodeJS.Timer {
+function cancelAnimationFrameIsNotDefined(_t: any): _t is NodeJS.Timer {
   return typeof cancelAnimationFrame === typeof undefined
 }
 

tailwind.config.cjs

@@ -2,14 +2,14 @@ const forms = require("@tailwindcss/forms");
 const typography = require("@tailwindcss/typography");
 const daisyui = require("daisyui");
 const animate = require("tailwindcss-animate");
-const trac = require("tailwindcss-react-aria-components");
+const rac = require("tailwindcss-react-aria-components");
 const defaultTheme = require("tailwindcss/defaultTheme");
 const plugin = require("tailwindcss/plugin");
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
   darkMode: "class", // default 'media'
+  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
   theme: {
     extend: {
       fontFamily: {
@@ -38,11 +38,10 @@ module.exports = {
     forms,
     daisyui,
     animate,
-    trac({ prefix: "rac" }),
+    rac({ prefix: "rac" }),
     plugin(({ matchUtilities }) => {
       matchUtilities({
         vg: (value) => ({
-          // eslint-disable-next-line @typescript-eslint/no-unsafe-call
           [`@apply ${value.replaceAll(",", " ")}`]: {},
         }),
       });