ts: Argument of type 'ReadonlyURLSearchParams' is not assignable to parameter of type 'string |

[volfcan]

Bug report

Describe the bug

I get this error on src/modules/checkout/components/payment/index.tsx file at createQueryString const.

ts: Argument of type 'ReadonlyURLSearchParams' is not assignable to parameter of type 'string | URLSearchParams | string[][] | Record<string, string> | undefined'.
Type 'ReadonlyURLSearchParams' is not assignable to type 'URLSearchParams'.
The types returned by 'Symbol.iterator' are incompatible between these types.
Type 'IterableIterator<[string, string]>' is missing the following properties from type 'URLSearchParamsIterator<[string, string]>': map, filter, take, drop, and 9 more.

System information

Medusa version (including plugins):
Node.js version:
Database:
Operating system:
Browser (if relevant):

Steps to reproduce the behavior

1. Go to 'https://github.com/volfcan/medusa-frontend'
2. Clone the repository
3. See error

Expected behavior

No errors

Screenshots

Code snippets

  const createQueryString = useCallback(
    (name: string, value: string) => {
      const params = new URLSearchParams(searchParams)
      params.set(name, value)

      return params.toString()
    },
    [searchParams]
  )

[Sankalpcreat]

const params = new URLSearchParams(Array.from(searchParams.entries())); should be added in that

1. compatibility with URLSearchParams
2. It converts the ReadonlyURLSearchParams into a format that can be directly used to create a new instance of URLSearchParams

This approach is perfectly valid and should fix the type error while allowing you to modify the query string as needed.