Estoy trabajando en una APLICACIÓN WEB Reactjs que organiza una reunión y crea un enlace para compartir para unirse a la reunión. El enlace se crea así: https://some_domain_name/screen_Share/8MoLgQnPjFcE-7v_bo967rIAueJ7Lv1zpIkxDtjJOMM

Funciona bien en localhost, pero en producción, da un error en la consola con una página en blanco:

Imagen de error después de hacer clic en el enlace de la reunión

La ruta del componente es:

 <Route exact path="/screen_Share/:id" component={screen_Share}/>

En la implementación, el archivo Web.config es:

 <?xml version="1.0" encoding="UTF-8"?> <configuration> <system.webServer> <rewrite> <rules> <rule name="Meetup" stopProcessing="true"> <match url="(.*)" /> <conditions> <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /> <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /> <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" /> </conditions> <action type="Rewrite" url="/" /> </rule> </rules> </rewrite> </system.webServer> </configuration>

He intentado muchas cosas, pero no tuve suerte, tal vez tenga que agregar algunas reglas en el archivo Web.config en la implementación. Por favor guíame sobre cómo resolver este problema.