我有这棵树

routes/project.jsx
routes/project.$projectId.jsx
routes/project.$projectId.register.jsx

那么
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>
  );
}

如果转到http://localhost:3000/project/any-id-would-suit/register
我希望在我的html页面上看到

project
projectId
register

但我只看到

register

我弄错了吗？当然，哪一个？🤔
[编辑]
remix.config.js

module.exports = {
  future: {
    v2_meta: true,
    v2_routeConvention: true,
  },
  devServerPort: 8002,
};