So I have this tree
routes/project.jsx
routes/project.$projectId.jsx
routes/project.$projectId.register.jsx
then
project.jsx
import { Outlet } from "@remix-run/react";
export default function Project() {
return (
<>
<div>project</div>
<Outlet />
</>
);
}
projectId.jsx
import { Outlet } from "@remix-run/react";
export default function Project() {
return (
<>
<div>projectId</div>
<Outlet />
</>
);
}
register.jsx
export default function Register() {
return (
<div>register</div>
);
}
if I go to http://localhost:3000/project/any-id-would-suit/register
I expect to see on my html page
project
projectId
register
but I only see
register
did I make a mistake ? sure. which one ?
[EDIT]
remix.config.js
module.exports = {
future: {
v2_meta: true,
v2_routeConvention: true,
},
devServerPort: 8002,
};
I was in
1.10.1. Juste upgrade to the minimum compatible version1.11.1and it's working.