Using parallel sub routes, matched @ folder is redering nothing.

url: http://localhost:3000/dashboards/ranking/apis

src/app/dashboards/layout.tsx:

export default function Layout({ chart }: any) {
return (
<div style={{ display: "flex", flexDirection: "column" }}>
<h3>Chart Content:</h3>
{chart}
</div>
);
}


src/app/dashboards/ranking/@chart/apis/page.tsx:

export default function Page() {
return <h1>Apis Chart</h1>;
}


layout.tsx {chart} is rendering nothing.