4 replies

Build a custom provider component nextjs appdir

Hello. I want to make a react component which when passes as a parent to another, the child will automatically have a certain prop I want to pass.
e.g The

ProvideAuth

ProvideAuth

component

<ProvideAuth>
<HomePage />
</ProvideAuth>

<ProvideAuth>
<HomePage />
</ProvideAuth>

<ProvideAuth>
<Profile />
</ProvideAuth>

<ProvideAuth>
<Profile />
</ProvideAuth>

The

ProvideAuth

ProvideAuth

(server) component would be responsible for fetching the user and authenticating the user at the same time, it passes the user data(if found) to both the

HomePage

HomePage

and the

Profile

Profile

component. So I would be able to do this in the

Homepage

Homepage

component

'use client'

function HomePage({user}){
return <div> Hello {user.name}</div>

}

'use client'

function HomePage({user}){
return <div> Hello {user.name}</div>

}

TTC

Theo's Typesafe Cult•3y ago•

4 replies

Complexlity

Build a custom provider component nextjs appdir

Hello. I want to make a react component which when passes as a parent to another, the child will automatically have a certain prop I want to pass.
e.g The

ProvideAuth

ProvideAuth

component

<ProvideAuth>
<HomePage />
</ProvideAuth>

<ProvideAuth>
<HomePage />
</ProvideAuth>

<ProvideAuth>
<Profile />
</ProvideAuth>

<ProvideAuth>
<Profile />
</ProvideAuth>

The

ProvideAuth

ProvideAuth

(server) component would be responsible for fetching the user and authenticating the user at the same time, it passes the user data(if found) to both the

HomePage

HomePage

and the

Profile

Profile

component. So I would be able to do this in the

Homepage

Homepage

component

'use client'

function HomePage({user}){
return <div> Hello {user.name}</div>

}

'use client'

function HomePage({user}){
return <div> Hello {user.name}</div>

}

Build a custom provider component nextjs appdir

Similar Threads

Build a custom provider component nextjs appdir

Similar Threads

Similar Threads

Similar Threads