Como delegar a React el manejo de las rutas en proyecto Laravel?

Question

Tengo un proyecto básico en Laravel 7, y también estoy usando React para la UI. y quiero que React sea la encargada de manejar las rutas con React-router-dom en lugar de hacer uso de las rutas del proyecto de Laravel.

Laravel tiene su propio sistema de rutas y react también, pero cuando cambio la url para ir a alguna ruta en partícular el sistema de rutas de Laravel se hace cargo y me envía a su pagina 404. Sé que no es un error de código, sino un conflicto que habitualmente se da entre el backend quien sirve los archivos de la web al navegador. ¿Cómo puedo modificar la configuración de mi proyecto Laravel para que me permita manejar las rutas con react-router-dom?

Ejemplo:

cuando entro a mi home:

y cuando entro a otra vista en React:

Answer 1

También me sucedió lo mismo, investigando di con la solución, por si no lograste encontrarla o por si alguien más tiene el mismo problema, la solución es reconfigurar nuestras rutas web, de pronto no me explico muy bien pero deberíamos cargar la vista principal en caso de cualquier ruta. Ejemplo: Es el reemplazo a las rutas web - debe ser pegado en las rutas web - layouts.app es donde tenemos el root depende a como configuraste tu proyecto react

Route::view('/{path?}', 'layouts.app');