feat(examples): update examples to latest library patterns and versions

examples/base/.gitignore

@@ -1 +1,4 @@
+node_modules/
+dist/
 yarn.lock
+package-lock.json

examples/base/package.json

@@ -9,15 +9,15 @@
     "preview": "vite preview --host"
   },
   "dependencies": {
-    "@forward-software/react-auth": "2.0.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "@forward-software/react-auth": "2.1.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
   },
   "devDependencies": {
-    "@types/react": "^18.2.21",
-    "@types/react-dom": "^18.2.7",
-    "@vitejs/plugin-react": "^4.0.0",
-    "typescript": "^5.1.6",
-    "vite": "^5.0.0"
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^6.0.0",
+    "typescript": "^6.0.0",
+    "vite": "^8.0.3"
   }
 }

examples/base/src/Content.tsx

@@ -1,4 +1,5 @@
-import { useCallback, useState } from 'react';
+import React, { useCallback, useState } from 'react';
+import type { DependencyList } from 'react';
 
 import { useAuthClient } from './auth';
 
@@ -56,14 +57,16 @@ export const Content: React.FC = () => {
 
 function useAsyncCallback<T extends (...args: never[]) => Promise<unknown>>(
   callback: T,
-  deps: React.DependencyList
+  deps: DependencyList
 ): [T, boolean] {
   const [isLoading, setLoading] = useState(false);
   const cb = useCallback(async (...argsx: never[]) => {
     setLoading(true);
-    const res = await callback(...argsx);
-    setLoading(false);
-    return res;
+    try {
+      return await callback(...argsx);
+    } finally {
+      setLoading(false);
+    }
   }, deps) as T;
 
   return [cb, isLoading];

examples/expo/package.json

@@ -12,11 +12,11 @@
   },
   "dependencies": {
     "@expo/vector-icons": "^15.0.2",
-    "@forward-software/react-auth": "2.0.3",
+    "@forward-software/react-auth": "2.1.0",
     "@react-navigation/bottom-tabs": "^7.4.0",
     "@react-navigation/elements": "^2.6.3",
     "@react-navigation/native": "^7.1.8",
-    "axios": "^1.12.2",
+    "axios": "^1.14.0",
     "expo": "~54.0.12",
     "expo-constants": "~18.0.9",
     "expo-dev-client": "~6.0.13",
@@ -46,7 +46,7 @@
     "babel-plugin-module-resolver": "^5.0.2",
     "eslint": "^9.25.0",
     "eslint-config-expo": "~10.0.0",
-    "typescript": "^5.1.6"
+    "typescript": "^6.0.0"
   },
   "private": true
 }

examples/expo/src/auth/client.ts

@@ -37,7 +37,7 @@ class MyAuthClient implements AuthClient<AuthTokens, AuthCredentials> {
 
   async onLogin(credentials?: AuthCredentials): Promise<AuthTokens> {
     if (!this.axiosAuthClient) {
-      return Promise.reject('axios client not initialized!');
+      return Promise.reject(new Error('axios client not initialized!'));
     }
 
     // Replace auth/login with your url without the domain
@@ -54,7 +54,7 @@ class MyAuthClient implements AuthClient<AuthTokens, AuthCredentials> {
 
   async onRefresh(currentTokens: AuthTokens): Promise<AuthTokens> {
     if (!this.axiosAuthClient) {
-      return Promise.reject('axios client not initialized!');
+      return Promise.reject(new Error('axios client not initialized!'));
     }
 
     if (

examples/expo/src/hooks/useAsyncCallback.ts

@@ -7,9 +7,11 @@ export function useAsyncCallback<
 
   const cb = useCallback(async (...argsx: never[]) => {
     setLoading(true);
-    const res = await callback(...argsx);
-    setLoading(false);
-    return res;
+    try {
+      return await callback(...argsx);
+    } finally {
+      setLoading(false);
+    }
   }, deps) as T;
 
   return [cb, isLoading];

examples/refresh-token/.gitignore

@@ -1 +1,4 @@
+node_modules/
+dist/
 yarn.lock
+package-lock.json

examples/refresh-token/package.json

@@ -9,17 +9,17 @@
     "preview": "vite preview --host"
   },
   "dependencies": {
-    "@forward-software/react-auth": "2.0.3",
-    "axios": "1.13.5",
+    "@forward-software/react-auth": "2.1.0",
+    "axios": "^1.14.0",
     "jwt-check-expiry": "^1.0.10",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
   },
   "devDependencies": {
-    "@types/react": "^18.2.21",
-    "@types/react-dom": "^18.2.7",
-    "@vitejs/plugin-react": "^4.0.0",
-    "typescript": "^5.1.6",
-    "vite": "^5.0.0"
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^6.0.0",
+    "typescript": "^6.0.0",
+    "vite": "^8.0.3"
   }
 }

examples/refresh-token/src/App.tsx

@@ -1,7 +1,9 @@
+import React from 'react';
+
 import AppContent from './AppContent';
 import { AuthProvider } from './auth';
 
-export const App = () => {
+export const App: React.FC = () => {
   return (
     <AuthProvider>
       <AppContent />

examples/refresh-token/src/AppContent.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { DependencyList, FC, useCallback, useState } from 'react';
+import React, { FC, useCallback, useState } from 'react';
+import type { DependencyList } from 'react';
 import { useAuthClient } from './auth';
 
 function useUserCredentials() {
@@ -35,9 +35,11 @@ function useAsyncCallback<T extends (...args: never[]) => Promise<unknown>>(
 
   const cb = useCallback(async (...argsx: never[]) => {
     setLoading(true);
-    const res = await callback(...argsx);
-    setLoading(false);
-    return res;
+    try {
+      return await callback(...argsx);
+    } finally {
+      setLoading(false);
+    }
   }, deps) as T;
 
   return [cb, isLoading];

examples/refresh-token/src/auth.ts

@@ -35,7 +35,7 @@ class MyAuthClient implements AuthClient<Tokens, Credentials> {
 
   async onLogin(credentials?: Credentials): Promise<Tokens> {
     if (!this.axiosAuthClient) {
-      return Promise.reject("axios client not initialized!");
+      return Promise.reject(new Error("axios client not initialized!"));
     }
 
     // Replace auth/login with your url without the domain
@@ -51,7 +51,7 @@ class MyAuthClient implements AuthClient<Tokens, Credentials> {
 
   async onRefresh(currentTokens: Tokens): Promise<Tokens> {
     if (!this.axiosAuthClient) {
-      return Promise.reject("axios client not initialized!");
+      return Promise.reject(new Error("axios client not initialized!"));
     }
 
     if (!!currentTokens.accessToken && !isJwtTokenExpired(currentTokens.accessToken)) {

examples/reqres/.gitignore

@@ -1 +1,4 @@
+node_modules/
+dist/
 yarn.lock
+package-lock.json

examples/reqres/package.json

@@ -9,16 +9,16 @@
     "preview": "vite preview --host"
   },
   "dependencies": {
-    "@forward-software/react-auth": "2.0.3",
-    "axios": "^1.12.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "@forward-software/react-auth": "2.1.0",
+    "axios": "^1.14.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
   },
   "devDependencies": {
-    "@types/react": "^18.2.21",
-    "@types/react-dom": "^18.2.7",
-    "@vitejs/plugin-react": "^4.0.0",
-    "typescript": "^5.1.6",
-    "vite": "^5.0.0"
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^6.0.0",
+    "typescript": "^6.0.0",
+    "vite": "^8.0.3"
   }
 }

examples/reqres/src/App.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import { AuthProvider } from './auth';
 import { Content } from './Content';

examples/reqres/src/Content.tsx

@@ -1,6 +1,5 @@
-import * as React from 'react';
-import { useCallback, useState } from 'react';
-import { DependencyList } from 'react';
+import React, { useCallback, useState } from 'react';
+import type { DependencyList } from 'react';
 
 import { useAuthClient } from './auth';
 
@@ -110,9 +109,11 @@ function useAsyncCallback<T extends (...args: never[]) => Promise<unknown>>(
   const [isLoading, setLoading] = useState(false);
   const cb = useCallback(async (...argsx: never[]) => {
     setLoading(true);
-    const res = await callback(...argsx);
-    setLoading(false);
-    return res;
+    try {
+      return await callback(...argsx);
+    } finally {
+      setLoading(false);
+    }
   }, deps) as T;
 
   return [cb, isLoading];