Estoy usando v6 React Router Dom

Tengo un sistema donde mis salas de juego son /g/:id (donde :id es un código alfanumérico de 4) y si el usuario navega allí, se unirá a ese juego si el usuario tiene permiso y renderizará el juego.

Funciona bien, pero esta advertencia sigue apareciendo en la consola:

"La ruta de hoja coincidente en la ubicación "/g/6N21" no tiene un elemento. Esto significa que generará un valor nulo de forma predeterminada, lo que resultará en una página "vacía".

¿Cómo hago para que el código no active una advertencia?

Aquí hay algunos fragmentos

 //EDIT: Added ALL Routes <Routes> <Route path="/" element={<Home />} /> <Route path="create" element={<Create />} > <Route path=":qid" element={<Create />} /> </Route> <Route path="trade" element={<Trade />} /> <Route path="play" element={<Play />} /> <Route path="login" element={<Login />} /> <Route path="profile" element={<Profile />} > <Route path=":uid" element={<Profile />} /> </Route> <Route path="q" element={<Quark />} > <Route path=":qid" element={<Quark />} /> </Route> <Route path="g" element={<GameWindow />} /> <Route path="/g/:id" element={<GameWindow />} /> // <--- This is the route here </Routes>

 const location = useLocation(); const navigate = useNavigate(); //useEffect: let joinCode = location.pathname.slice(-4); //if joinCode is valid... navigate(generatePath('/g/:id', { id: joinCode }));

Tal vez estoy usando React Router Dom de manera incorrecta, así que avíseme si hay una mejor manera de hacerlo.