Hello, { data.name }! < /div>;\n}\n\n// Paginated data fetching\nfunction UserList() {\n const { data, error, isLoading } = usePaginatedApiSWR
('/users', {\n params: { page: 0, size: 10 }\n });\n\n if (isLoading) return Loading\n users\n...\n
;\n\n return (\n \n
Users({ data.totalElements }) < /h2>\n < ul >\n {\n data.content.map(user =>
{ user.name } < /li>)}\n < /ul>\n < /div>\n );\n }\n```\n\n#### **API Context Provider**\n\nThe `ApiProvider` component makes the API client available throughout your application.\n\n```typescript\nimport { ApiProvider, createApiClient } from 'pagamio-frontend-commons-lib';\n\n// Create API client\nconst apiClient = createApiClient({\n baseURL: 'https://api.example.com',\n tokenManager: tokenManager,\n});\n\n// Wrap your application with the provider\nfunction App() {\n return (\n \n \n \n );\n}\n```\n\n#### **API Mutations**\n\nThe API module provides hooks for performing mutations (create, update, delete operations).\n\n```typescript\nimport { useApiMutation, useApiSWRWithMutation } from 'pagamio-frontend-commons-lib';\n\n// Using the mutation hook\nfunction CreateUserForm() {\n const mutation = useApiMutation();\n\n const handleSubmit = async (userData) => {\n try {\n const newUser = await mutation.post('/users', userData);\n alert(`User ${newUser.name} created successfully!`);\n } catch (error) {\n console.error('Failed to create user:', error);\n }\n };\n\n return