nothing is rendering in nextjs page when mapping through an array

const getAllPostsMetadata = async () => {
  //get the names of the documents to generate slugs
  const folder = "content/docs/";
  const files = fs.readdirSync(folder);
  const docs = files.filter((file) => file.endsWith(".mdx"));
  const slugs = docs.map((file) => file.replace(".mdx", ""));
  const titles = [];
  //get the metadata from using slugs and set the titles
  for (const slug of slugs) {
    const { metaData } = await import(`@/content/docs/${slug}.mdx`);
    titles.push(metaData.title);
  }
  return { slugs, titles };
};

{metaDatas.slugs.map((slug, index) => {
        <Link href={`/learn/${slug}`} key={slug}>
          something
        </Link>;
 })}