Media browser navigation is not working

I don't think this is a common error. What is the setup of the website like? Can you reproduce this by installing a new instance of Drupal?

The website is running on Azure, Windows server 2016, IIS 10.0.14393.0, php 8.1.20
I reprocued the error by installing a new instance, then enable "Media" and "Media library" core modules.
Then add Media field into a content type and then try adding a new node.

I get this Alert

Error message
Oops, something went wrong. Check your browser's developer console for more details.

and Showing this in the console
views/ajax?ajax_form=1&_wrapper_format=drupal_ajax&media_library_opener_id=media_library.opener.field_widget&media_library_allowed_types[image]=image&media_library_selected_type=image&media_library_remaining=1&media_library_opener_parameters[field_widget_id]=field_page_image&media_library_opener_parameters[entity_type_id]=node&media_library_opener_parameters[bundle]=page&media_library_opener_parameters[field_name]=field_page_image&hash=z1AeivOYkRC13HQBUWdEHIDCBpGF5bk5tLwAaJmgWjw&_wrapper_format=drupal_ajax&view_name=media_library&view_display_id=widget&view_args=image&view_path=/node/add/page&view_base_path=admin/content/media-widget&view_dom_id=3a5213443a6edf07db57ba2ae712fb5c563182f63306231377ae25e585cca72f&pager_element=0&ajax_form=1&_wrapper_format=drupal_ajax&media_library_opener_id=media_library.opener.field_widget&media_library_allowed_types[image]=image&media_library_selected_type=image&media_library_remaining=1&media_library_opener_parameters[field_widget_id]=field_page_image&media_library_opener_parameters[entity_type_id]=node&media_library_opener_parameters[bundle]=page&media_library_opener_parameters[field_name]=field_page_image&hash=z1AeivOYkRC13HQBUWdEHIDCBpGF5bk5tLwAaJmgWjw&page=1&_drupal_ajax=1&ajax_page_state[theme]=claro&ajax_page_state[theme_token]=TEq8z6Z8i0UGbsFQO0zmecXFQzOt4kPLO-vKlrISMKg&ajax_page_state[libraries]=big_pipe/big_pipe,ckeditor5/internal.drupal.ckeditor5,ckeditor5/internal.drupal.ckeditor5.codeBlock,ckeditor5/internal.drupal.ckeditor5.emphasis,ckeditor5/internal.drupal.ckeditor5.htmlEngine,ckeditor5/internal.drupal.ckeditor5.image,claro/global-styling,claro/media_library.theme,claro/node-form,contextual/drupal.contextual-links,contextual/drupal.contextual-toolbar,core/ckeditor5.autoformat,core/ckeditor5.basic,core/ckeditor5.blockquote,core/ckeditor5.essentials,core/ckeditor5.horizontalLine,core/ckeditor5.htmlSupport,core/ckeditor5.link,core/ckeditor5.list,core/ckeditor5.pasteFromOffice,core/ckeditor5.removeFormat,core/ckeditor5.sourceEditing,core/ckeditor5.table,core/drupal.active-link,core/drupal.autocomplete,core/drupal.collapse,core/drupal.entity-form,core/drupal.form,core/drupal.states,core/internal.jquery.form,core/normalize,file/drupal.file,filter/drupal.filter,media_library/ui,media_library/widget,menu_ui/drupal.menu_ui,node/drupal.node,node/form,path/drupal.path,shortcut/drupal.shortcut,system/admin,system/base,text/drupal.text,toolbar/toolbar,toolbar/toolbar.escapeAdmin,tour/tour,user/drupal.user.icons,views/views.ajax,views/views.module

Failed to load resource: the server responded with a status of 404 (Not Found)

An AJAX HTTP error occurred.
HTTP Result Code: 404
Debugging information follows.
Path: /views/ajax?ajax_form=1&_wrapper_format=drupal_ajax&media_library_opener_id=media_library.opener.field_widget&media_library_allowed_types%5Bimage%5D=image&media_library_selected_type=image&media_library_remaining=1&media_library_opener_parameters%5Bfield_widget_id%5D=field_page_image&media_library_opener_parameters%5Bentity_type_id%5D=node&media_library_opener_parameters%5Bbundle%5D=page&media_library_opener_parameters%5Bfield_name%5D=field_page_image&hash=z1AeivOYkRC13HQBUWdEHIDCBpGF5bk5tLwAaJmgWjw
StatusText: Not Found
ResponseText:
IIS 10.0 Detailed Error - 404.15 - Not Found
HTTP Error 404.15 - Not Found
The request filtering module is configured to deny a request where the query string is too long.
Most likely causes:
Request filtering is configured on the Web server to deny the request because the query string is too long.
Things you can try:
Verify the configuration/system.webServer/security/requestFiltering/requestLimits@maxQueryString setting in the applicationhost.config or web.config file.

Apparently the query string is too long and hence IIS is blocking the request.
But, It was working fine until Drupal 10.0.9
It brakes from 10.0.10, hope this would help you to narrow down the issue.
Thank you

views/ajax?ajax_form=1&_wrapper_format=drupal_ajax&media_library_opener_id=media_library.opener.field_widget&media_library_allowed_types%5Bimage%5D=image&media_library_allowed_types%5Bvideo%5D=video&media_library_selected_type=image&media_library_remaining=1&media_library_opener_parameters%5Bfield_widget_id%5D=field_hero_image%3A-field_hero_and_brand_expression-0-subform&media_library_opener_parameters%5Bentity_type_id%5D=paragraph&media_library_opener_parameters%5Bbundle%5D=hero_and_brand_expression&media_library_opener_parameters%5Bfield_name%5D=field_hero_image&hash=VKPoPuUFD95thb9TZSMyH14C6ZoRpIBLLGC-Z6aAv-A&_wrapper_format=drupal_ajax

Above is what D10.0.9 website's query string on media library navigation and compared to this D10.0.10, D10.1.1, D10.1.2 query string is way too long

There is no code diff to work on.

This looks like 💬 Extremely long Views AJAX query string triggers 403 in AWS Postponed: needs info and would be fixed by 📌 Compress ajax_page_state Fixed .

@shanilkns I had the same issue, and in my case the problem was Facets module, the patch of this issue solves the issue. https://www.drupal.org/project/facets/issues/3379445 🐛 Facets breaks all AJAX views that uses pagers even without facets Active

I tested this on Drupal 11.x, standard install. I enabled media library, added a media field to the article content type and added content. For me, there is no 'next icon' on 'add or select media' . Nor did I get one after adding more media. So, I am going to close this.

If you are experiencing this problem provide steps to reproduce the issue → (starting from "Install Drupal core") and set the status to 'Active'. Thanks!