11:[["$","div",null,{"className":"opacity-90 break-words","dangerouslySetInnerHTML":{"__html":"Hi, everyone.

I'm trying to fetch data in my Footer.tsx component, which I use in my root layout file. I'm using the app dir. However, once I set my component to async, I get a TS error in my layout.tsx saying that \" Type 'Promise<Element>' is not assignable to type 'ReactNode'.\"

Anyone got an idea what I'm doing wrong?"}}],["$","div",null,{"className":"mt-0.5 w-full max-w-[550px] space-y-1","children":[["$","div","0350d495-2fc9-11ee-a8ea-e6c30e3ec761",{"className":"flex max-h-[350px] rounded-lg overflow-hidden","children":["$","img",null,{"src":"https://cdn.discordapp.com/attachments/1135627469957906563/1135627470331187342/Screenshot_2023-07-31_at_19.32.53.png","alt":"Image","className":"max-w-full h-auto object-cover"}]}]]}]] 12:[["$","div",null,{"className":"opacity-90 break-words","dangerouslySetInnerHTML":{"__html":"you need to have at least TypeScript at 5.1.3 and @types/react at 18.2.8"}}],["$","div",null,{"className":"mt-0.5 w-full max-w-[550px] space-y-1","children":[]}]] 13:[["$","div",null,{"className":"opacity-90 break-words","dangerouslySetInnerHTML":{"__html":"you need to have at least TypeScript at 5.1.3 and @types/react at 18.2.8"}}],["$","div",null,{"className":"mt-0.5 w-full max-w-[550px] space-y-1","children":[]}]] 14:[["$","div",null,{"className":"opacity-90 break-words","dangerouslySetInnerHTML":{"__html":"Thank you ðŸ™"}}],["$","div",null,{"className":"mt-0.5 w-full max-w-[550px] space-y-1","children":[]}]]

Fetching data in server component

2 Replies