How to pass props from routes to page

Hey @aggmoulik, I have created CustomAuth using JWT. I have refered using this Custom github JWT Auth with Redwood Auth

and Here is code Snippet for

const App = () => (
  <FatalErrorBoundary page={FatalErrorPage}>
    <CustomAuth type="jwt">
      <RedwoodApolloProvider>
        <Routes />
      </RedwoodApolloProvider>
    </CustomAuth>
  </FatalErrorBoundary>
)

export default App

and routes here

const Routes = (props) => {
  return (
    <Router>
      <Route path="/dashboard/{page}?" page={DashboardPage} userData={props.userData} name="dashboard" />
    </Router>
  )
}

If I log the props inside routes its working but I dont know to pass this props to pages also. which why I opened this thread