0

This is my code in nextJS, why nextjs don`t rerender the component Home twice. Cause at first render props in component Home is undefined

'use client'
import Layout from '@/components/layout/Layout'
import MeetupList from '@/components/meetups/MeetupList'

const DUMMY_MEETUPS = [
  {
    id:'m1',
    image:'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS75ebrwvgVW5Ks_oLfCbG8Httf3_9g-Ynl_Q&usqp=CAU',
    title: 'Title',
    address: 'New York Green Street 21/3',
    description: 'Veniam veniam ex irure culpa. Proident est culpa anim deserunt. Voluptate do sit sint sint quis ea laboris dolor ex consequat laborum velit nostrud veniam.'
  },
  {
    id:'m2',
    image:'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS75ebrwvgVW5Ks_oLfCbG8Httf3_9g-Ynl_Q&usqp=CAU',
    title: 'Title',
    address: 'New York Green Street 21/3',
    description: 'Veniam veniam ex irure culpa. Proident est culpa anim deserunt. Voluptate do sit sint sint quis ea laboris dolor ex consequat laborum velit nostrud veniam.'

  },
  {
    id:'m3',
    image:'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS75ebrwvgVW5Ks_oLfCbG8Httf3_9g-Ynl_Q&usqp=CAU',
    title: 'Title',
    address: 'New York Green Street 21/3',
    description: 'Veniam veniam ex irure culpa. Proident est culpa anim deserunt. Voluptate do sit sint sint quis ea laboris dolor ex consequat laborum velit nostrud veniam.'

  }
];

export default function HomePage({meetups}) {
  console.log(meetups);
  return (
    <Layout>
      <MeetupList meetups={meetups}/>
    </Layout>
  )
}

export const getStaticProps = async () => {
  //fetch data from an API
  return {
    props: {
      meetups: DUMMY_MEETUPS,
    }
  };
}

I expect from this code to assign value to props and make ssg(static side generation)

juliomalves
  • 42,130
  • 20
  • 150
  • 146
Owner Ofks
  • 1
  • Does this answer your question? [How to fetch data server-side in the app directory of Next.js? Tried getStaticProps but it's returning undefined](https://stackoverflow.com/questions/76267351/how-to-fetch-data-server-side-in-the-app-directory-of-next-js-tried-getstaticpr) – juliomalves Jul 23 '23 at 14:08

0 Answers0