Update to Kit v5, Gill 0.14, gill-react latest

Author: macalinao

apps/example-dapp/biome.jsonc

@@ -1,6 +1,6 @@
 {
   "root": false,
-  "$schema": "https://biomejs.dev/schemas/2.3.2/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.3.4/schema.json",
   "extends": ["@macalinao/biome-config/base", "@macalinao/biome-config/react"],
   "linter": {
     "domains": {

apps/example-dapp/eslint.config.js

@@ -1,31 +1,12 @@
-import js from "@eslint/js";
-import { globalIgnores } from "eslint/config";
-import reactHooks from "eslint-plugin-react-hooks";
-import reactRefresh from "eslint-plugin-react-refresh";
-import globals from "globals";
-import tseslint from "typescript-eslint";
+import { configs } from "@macalinao/eslint-config-vite";
 
-export default tseslint.config([
-  globalIgnores(["dist"]),
+export default [
+  ...configs.viteFull,
   {
-    files: ["**/*.{ts,tsx}"],
-    extends: [
-      js.configs.recommended,
-      tseslint.configs.strictTypeChecked,
-      tseslint.configs.stylisticTypeChecked,
-      reactHooks.configs["recommended-latest"],
-      reactRefresh.configs.vite,
-    ],
     languageOptions: {
-      ecmaVersion: "latest",
-      globals: globals.browser,
       parserOptions: {
-        project: ["./tsconfig.json"],
         tsconfigRootDir: import.meta.dirname,
       },
     },
-    // rules: {
-    //   "react-hooks/react-compiler": "error",
-    // },
   },
-]);
+];

apps/example-dapp/package.json

@@ -34,8 +34,8 @@
     "@radix-ui/react-separator": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "@solana-program/system": "^0.9.0",
-    "@solana-program/token": "^0.7.0",
+    "@solana-program/system": "^0.10.0",
+    "@solana-program/token": "^0.8.0",
     "@solana-program/token-2022": "^0.6.0",
     "@solana/kit": "catalog:",
     "@solana/spl-token": "^0.4.14",
@@ -44,11 +44,11 @@
     "@solana/wallet-adapter-wallets": "^0.19.37",
     "@tailwindcss/vite": "^4.1.16",
     "@tanstack/react-query": "catalog:",
-    "@tanstack/react-router": "^1.133.36",
+    "@tanstack/react-router": "^1.134.15",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "gill": "catalog:",
-    "lucide-react": "^0.546.0",
+    "lucide-react": "^0.553.0",
     "react": "catalog:",
     "react-dom": "catalog:",
     "react-hook-form": "^7.65.0",
@@ -60,25 +60,20 @@
     "@macalinao/grill": "workspace:^"
   },
   "devDependencies": {
-    "@eslint/js": "^9.38.0",
     "@macalinao/biome-config": "^0.1.4",
-    "@macalinao/eslint-config": "catalog:",
+    "@macalinao/eslint-config-vite": "^2.0.1",
     "@macalinao/grill": "workspace:^",
     "@macalinao/tsconfig": "catalog:",
     "@tanstack/react-query-devtools": "^5.90.2",
-    "@tanstack/react-router-devtools": "^1.133.36",
-    "@tanstack/router-plugin": "^1.133.36",
+    "@tanstack/react-router-devtools": "^1.134.15",
+    "@tanstack/router-plugin": "^1.134.15",
     "@types/react": "catalog:",
     "@types/react-dom": "catalog:",
     "@vitejs/plugin-react": "^5.1.0",
     "eslint": "catalog:",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.24",
-    "globals": "^16.4.0",
     "tailwindcss": "^4.1.16",
     "tw-animate-css": "^1.4.0",
     "typescript": "catalog:",
-    "typescript-eslint": "^8.46.2",
     "vite": "^7.1.12",
     "vite-plugin-node-polyfills": "^0.24.0",
     "vite-tsconfig-paths": "^5.1.4"

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

@@ -108,7 +108,9 @@ export const SimpleDashboard: React.FC = () => {
                 This example demonstrates how to use the Grill library with:
               </p>
               <ul className="list-disc pl-6 mt-2 space-y-1 text-sm text-muted-foreground">
-                <li>SolanaClientProvider with gill's createSolanaClient</li>
+                <li>
+                  SolanaClientProvider with gill&apos;s createSolanaClient
+                </li>
                 <li>
                   GrillProvider with React Query for reactive account fetching
                 </li>

apps/example-dapp/src/components/ui/sidebar.tsx

@@ -615,9 +615,9 @@ function SidebarMenuSkeleton({
   showIcon?: boolean;
 }) {
   // Random width between 50 to 90%.
-  const width = React.useMemo(() => {
+  const [width] = React.useState(() => {
     return `${(Math.floor(Math.random() * 40) + 50).toString()}%`;
-  }, []);
+  });
 
   return (
     <div

apps/example-dapp/src/main.tsx

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

apps/example-dapp/src/routes/examples/static-tokens.tsx

@@ -180,7 +180,7 @@ function StaticTokensPage() {
             Static Tokens (Would Load Instantly)
           </h2>
           <p className="text-sm text-muted-foreground mb-4">
-            These tokens would normally be configured in GrillProvider's
+            These tokens would normally be configured in GrillProvider&apos;s
             staticTokenInfo prop. They would load instantly without any chain
             fetching.
           </p>

apps/example-dapp/src/routes/examples/token-balances.tsx

@@ -123,7 +123,7 @@ function TokenBalances() {
               <ul className="list-disc list-inside mt-1 ml-4">
                 <li>Computing the ATA address for each token</li>
                 <li>Fetching token metadata and decimals</li>
-                <li>Returning zero balance if the ATA doesn't exist</li>
+                <li>Returning zero balance if the ATA doesn&apos;t exist</li>
                 <li>Formatting the balance with proper decimal places</li>
               </ul>
             </p>

biome.jsonc

@@ -1,4 +1,4 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.3.2/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.3.4/schema.json",
   "extends": ["@macalinao/biome-config/base"]
 }