lint clenaup

Author: macalinao

.github/workflows/ci.yml

@@ -10,10 +10,6 @@ jobs:
   build-lint-test:
     runs-on: ubuntu-latest
 
-    strategy:
-      matrix:
-        node-version: [20.x]
-
     steps:
       - name: Checkout repository
         uses: actions/checkout@v4

apps/example-dapp/eslint.config.js

@@ -11,13 +11,18 @@ export default tseslint.config([
     files: ["**/*.{ts,tsx}"],
     extends: [
       js.configs.recommended,
-      tseslint.configs.recommended,
+      tseslint.configs.strictTypeChecked,
+      tseslint.configs.stylisticTypeChecked,
       reactHooks.configs["recommended-latest"],
       reactRefresh.configs.vite,
     ],
     languageOptions: {
-      ecmaVersion: 2020,
+      ecmaVersion: "latest",
       globals: globals.browser,
+      parserOptions: {
+        project: ["./tsconfig.json"],
+        tsconfigRootDir: import.meta.dirname,
+      },
     },
     // rules: {
     //   "react-hooks/react-compiler": "error",

apps/example-dapp/src/components/SimpleDashboard.tsx

@@ -27,7 +27,7 @@ export function SimpleDashboard() {
       return;
     }
 
-    accountQuery.refetch();
+    void accountQuery.refetch();
     toast.success("Balance refreshed");
   };
 
@@ -36,7 +36,7 @@ export function SimpleDashboard() {
     try {
       const currentSlot = await rpc.getSlot().send();
       setSlot(Number(currentSlot));
-      toast.success(`Current slot: ${currentSlot}`);
+      toast.success(`Current slot: ${currentSlot.toString()}`);
     } catch (error) {
       console.error(error);
       toast.error("Failed to fetch slot");
@@ -86,7 +86,7 @@ export function SimpleDashboard() {
                     {accountQuery.isLoading ? "Loading..." : "Refresh Balance"}
                   </Button>
                   <Button
-                    onClick={handleGetSlot}
+                    onClick={() => void handleGetSlot()}
                     disabled={loading}
                     variant="secondary"
                   >

apps/example-dapp/src/components/theme-provider.tsx

@@ -2,16 +2,16 @@ import { createContext, useContext, useEffect, useState } from "react";
 
 type Theme = "dark" | "light" | "system";
 
-type ThemeProviderProps = {
+interface ThemeProviderProps {
   children: React.ReactNode;
   defaultTheme?: Theme;
   storageKey?: string;
-};
+}
 
-type ThemeProviderState = {
+interface ThemeProviderState {
   theme: Theme;
   setTheme: (theme: Theme) => void;
-};
+}
 
 const initialState: ThemeProviderState = {
   theme: "system",
@@ -27,7 +27,7 @@ export function ThemeProvider({
   ...props
 }: ThemeProviderProps) {
   const [theme, setTheme] = useState<Theme>(
-    () => (localStorage.getItem(storageKey) as Theme) || defaultTheme,
+    () => (localStorage.getItem(storageKey) ?? defaultTheme) as Theme,
   );
 
   useEffect(() => {
@@ -66,10 +66,5 @@ export function ThemeProvider({
 // eslint-disable-next-line react-refresh/only-export-components
 export const useTheme = () => {
   const context = useContext(ThemeProviderContext);
-
-  if (context === undefined) {
-    throw new Error("useTheme must be used within a ThemeProvider");
-  }
-
   return context;
 };

apps/example-dapp/src/components/theme-toggle.tsx

@@ -9,7 +9,9 @@ export function ThemeToggle() {
     <Button
       variant="ghost"
       size="icon"
-      onClick={() => setTheme(theme === "light" ? "dark" : "light")}
+      onClick={() => {
+        setTheme(theme === "light" ? "dark" : "light");
+      }}
     >
       <Sun className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
       <Moon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />

apps/example-dapp/src/main.tsx

@@ -3,6 +3,7 @@ import { createRoot } from "react-dom/client";
 import "./index.css";
 import { App } from "./App";
 
+// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <App />

apps/example-dapp/vite.config.ts

@@ -12,13 +12,16 @@ import tsconfigPaths from "vite-tsconfig-paths";
 export default defineConfig({
   plugins: [
     tsconfigPaths(),
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-call
     react(),
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-call
     tanstackRouter({
       routesDirectory: "src/routes",
       generatedRouteTree: "src/routeTree.gen.ts",
       addExtensions: true,
       quoteStyle: "double",
     }),
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-call
     tailwindcss(),
     nodePolyfills(),
   ],