Media library broken - strapi 4.13.2

[rktyt]

Bug report

Required System information

• Node.js version: 18.16.0
• NPM version: 9.7.1
• Strapi version: 4.13.2
• Database: Mysql
• Operating system: Debian
• Is your project Javascript or Typescript: Typescript

Describe the bug

When I open the media library, I get a white page and the following error

TypeError: Failed to construct 'URL': Invalid URL

Expected behavior

The media library page should appear.

Screenshots

Additional context

Command	Result
npx strapi develop --watch-admin	works fine
npx strapi develop	broken
npx strapi build --no-optimization && npx strapi develop --no-build	broken

No change after deleting .cache and dist folders.

---

Updates:
In my data, all the files.url values in the database start with a slash.
This appears to be the cause.

[smoothdvd]

same here

UPDATE:

strapi/packages/core/upload/admin/src/utils/appendSearchParamsToUrl.js

Line 13 in 7c01fb0

const urlObj = new URL(url);

cause this issue.

If url is a relative url, the constructor should be const urlObj = new URL(url, baseUrl) or the constructor will raise the exception.

[imaestri]

Any returns?

[kevinvugts]

Yup. I can confirm this error occurs in the latest version.
These little errors happen to often.

Maybe it's an idea to sharpen the test pipeline to avoid these issues in the future..

[Chipsnet]

I have same issue

[maksymenkoml]

Same issue

[mhzendehpey]

same issue here.
AFAIK the problem is with passing a relative path to new URL(url).
base as the second parameter for relative paths, or an absolute path is required to create a URL object.

[gacek1123]

Also can confirm, started happening after upgrading to newest version.

[agentx3]

It should be noted that the thumbnails in the files.format are also affected, as even interacting with the admin panel will error out when trying to load image files (and probably other media too).