diff --git a/packages/w3ui/examples/react/w3console/src/app.tsx b/packages/w3ui/examples/react/w3console/src/app.tsx
index c7c2074b9..b2792e95a 100644
--- a/packages/w3ui/examples/react/w3console/src/app.tsx
+++ b/packages/w3ui/examples/react/w3console/src/app.tsx
@@ -136,7 +136,7 @@ export function Logo (): JSX.Element {
 
 export function App (): JSX.Element {
   return (
-    <W3APIProvider>
+    <W3APIProvider uploadsListPageSize={20}>
       <Authenticator>
         <div className='flex min-h-full w-full'>
           <nav className='flex-none w-64 bg-gray-900 text-white px-4 pb-4 border-r border-gray-800'>
diff --git a/packages/w3ui/packages/react/src/providers/W3API.tsx b/packages/w3ui/packages/react/src/providers/W3API.tsx
index 80810dab0..78c65d250 100644
--- a/packages/w3ui/packages/react/src/providers/W3API.tsx
+++ b/packages/w3ui/packages/react/src/providers/W3API.tsx
@@ -13,11 +13,16 @@ export interface UploaderProviderProps extends ServiceConfig {
   children?: JSX.Element
 }
 
-export function W3APIProvider ({ children }: { children: JSX.Element | JSX.Element[] }): JSX.Element {
+export interface W3APIProviderProps {
+  children: JSX.Element | JSX.Element[]
+  uploadsListPageSize?: number
+}
+
+export function W3APIProvider ({ children, uploadsListPageSize }: W3APIProviderProps): JSX.Element {
   return (
     <KeyringProvider>
       <UploaderProvider>
-        <UploadsListProvider>
+        <UploadsListProvider size={uploadsListPageSize}>
           <>{children}</>
         </UploadsListProvider>
       </UploaderProvider>