Add size property to ReadonlySearchParams

packages/next/src/client/components/navigation.test.ts

@@ -0,0 +1,8 @@
+import { ReadonlyURLSearchParams } from './navigation'
+
+describe('next/navigation', () => {
+  it('should be able to construct ReadonlyURLSearchParams from URLSearchParams', () => {
+    const searchParams = new URLSearchParams('?foo=test&bar=test')
+    expect(() => new ReadonlyURLSearchParams(searchParams)).not.toThrow()
+  })
+})

packages/next/src/client/components/navigation.ts

@@ -33,6 +33,7 @@ export class ReadonlyURLSearchParams {
   keys: URLSearchParams['keys']
   values: URLSearchParams['values']
   toString: URLSearchParams['toString']
+  size: URLSearchParams['size']
 
   constructor(urlSearchParams: URLSearchParams) {
     this[INTERNAL_URLSEARCHPARAMS_INSTANCE] = urlSearchParams
@@ -45,6 +46,7 @@ export class ReadonlyURLSearchParams {
     this.keys = urlSearchParams.keys.bind(urlSearchParams)
     this.values = urlSearchParams.values.bind(urlSearchParams)
     this.toString = urlSearchParams.toString.bind(urlSearchParams)
+    this.size = urlSearchParams.size;
   }
   [Symbol.iterator]() {
     return this[INTERNAL_URLSEARCHPARAMS_INSTANCE][Symbol.iterator]()