Next.js Discord

Discord Forum

Chapter 7 (fetching data)

Answered
Barbary Lion posted this in #help-forum
Open in Discord
Barbary LionOP
Currently having issues with the revenue chart to display. i'm not sure, because I don't have any bugs in the terminal so if anyone knows why, you are greatly appreciated. Here's the pictures of where I'm stuck.
Answered by Ray
export default function Layout({ children }: { children: React.ReactNode }) {
  return (
    <div className="flex h-screen flex-col md:flex-row md:overflow-hidden">
      <div className="w-full flex-none md:w-64">
        <SideNav />
      </div>
      <div className="flex-grow p-6 md:overflow-y-auto md:p-12">{children}</div>
    </div>
  );
}
View full answer

14 Replies

Ray
what is your issue?
Barbary LionOP
so my goal is to get the chart to display on the screen , but i'm not sure what i'm missing. So it displays like this
Ray
go to app/dashboard/page.tsx
how does it look like?
Barbary LionOP
Ray
uncomment those
Barbary LionOP
So i uncommented the Revenue component, but for some reason, not even the h1 displays
Ray
can you show the code in app/layout.tsx
Barbary LionOP
this is it now
this is the app/layout.tsx
Ray
yes here is the problem
Ray
export default function Layout({ children }: { children: React.ReactNode }) {
  return (
    <div className="flex h-screen flex-col md:flex-row md:overflow-hidden">
      <div className="w-full flex-none md:w-64">
        <SideNav />
      </div>
      <div className="flex-grow p-6 md:overflow-y-auto md:p-12">{children}</div>
    </div>
  );
}
Answer
Barbary LionOP
ahhh, I see, I didn't even consider adding it as props. I've been stuck on it most of yesterday lol.. I appreciate that sincerely 🙏🏾
Ray
np