Dynamic route is not working with index.js

[subhendukundu]

Describe the problem:

Dynamic routing is not able to fetch params with [slug]/index.js.
This is what I am doing so far

export async function getEdgeProps({ params }) {
  const { slug } = params;
  // const post = await getSomeRemotePost({ slug });
  console.log("server", slug);
  return {
    props: {
      slug,
    },
  };
}

export default function Post({ slug }) {
  console.log('client', slug);
  return <div>I'm the {slug}</div>;
}

slug is undefined in this case when localhost:3000/product but localhost:3000/product/index is passing the slug.

If I look at Nextjs, it does reolve it there.

[traffisco]

If all you want is
localhost:3000/slug1
localhost:3000/slug2

Use [slug].js

[subhendukundu]

Right! That's correct behavior too. That's how I made it work. example
But theoretically [slug]/index.js should work too. That's where I think this should be supported.
If you look at NextJs, they support it too. Cause index.js by default resolved with the folder name.