CODEWITHSUNDEEP
reactjsroutesremix.runoutlet
arnaudambro
arnaudambro

Reputation: 2673

Can't show an outlet in Remix v2 Route File Naming conventions

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,
};

Upvotes: 2

Views: 1151

Answers (1)

arnaudambro
arnaudambro

Reputation: 2673

I was in 1.10.1. Juste upgrade to the minimum compatible version 1.11.1 and it's working.

Upvotes: 1

Related Questions