Cant see data on the frontend

[indahud]

I am trying to fetch data in my NextJS project. I am using getStaticProps to get that data. getStaticProps works perfectly, can see the data on my console. But I cant see the mapped data on front-end. The page is blank with no console errors. Any ideas what is happening here?
Here's my code.

import { supabase } from "../lib/supabase";

function Displaydata({ data }) {
  return (
    <div>
      {data.map((alldata) => {
        <div key={alldata.id}>
            {alldata.name}
        </div>;
      })}
    </div>
  );
}

export async function getStaticProps() {
  const { data } = await supabase.from("test").select("*");
  console.log(data);
  return {
    props: {
      data: data,
    },
  };
}

export default Displaydata;

[gomflo]

try this (removing the second curly braces:

{data.map((alldata) => 
  <div key={alldata.id}>
    {alldata.name}
  </div>
)}

[indahud]

Silly Mistake. Worked perfectly. Thank You.