xxxxxxxxxx
<Link to="/props-through-render">Props through render</Link>
<Route exact path="/props-through-render" render={(props) => <PropsPage {props} title={`Props through render`} />} />
xxxxxxxxxx
//This only applies for earler versions of React Router specifically v5
<Route
path='/dashboard'
render={(props) => (
<Dashboard {props} isAuthed={true} />
)}
/>
xxxxxxxxxx
<Route
path='/dashboard'
component={() => <Dashboard isAuthed={true} />}
/>
xxxxxxxxxx
<Link to="/props-through-render">Props through render</Link>
<Route exact path="/props-through-render" render={(props) => <PropsPage {props} title={`Props through render`} />} />
xxxxxxxxxx
<Link to="/props-through-render">Props through render</Link>
<Route exact path="/props-through-render" render={(props) => <PropsPage {props} title={`Props through render`} />} />
xxxxxxxxxx
<Link to="/props-through-render">Props through render</Link>
<Route exact path="/props-through-render" render={(props) => <PropsPage {props} title={`Props through render`} />} />
xxxxxxxxxx
<Link to="/props-through-render">Props through render</Link>
<Route exact path="/props-through-render" render={(props) => <PropsPage {props} title={`Props through render`} />} />
xxxxxxxxxx
<Link to="/props-through-render">Props through render</Link>
<Route exact path="/props-through-render" render={(props) => <PropsPage {props} title={`Props through render`} />} />
xxxxxxxxxx
<Link to="/props-through-render">Props through render</Link>
<Route exact path="/props-through-render" render={(props) => <PropsPage {props} title={`Props through render`} />} />
xxxxxxxxxx
<Link to="/props-through-render">Props through render</Link>
<Route exact path="/props-through-render" render={(props) => <PropsPage {props} title={`Props through render`} />} />