yes i was using that but using component avoids extra work have seen on YT tutorial using it in v6 and seen topic on stack over flow people saying before almost 4months and it is not working,may be they removed in the updated version,i have no idea.tried searching for documentation but can not seem to find any relevant information.
"** In React Router v6 we switched from using v5’s <Route component> and <Route render> APIs to <Route element>. Why is that?
For starters, we see React itself taking the lead here with the <Suspense fallback={<Spinner />}> API. The fallback prop takes a React element, not a component. This lets you easily pass whatever props you want to your <Spinner> from the component that renders it.**"
Property 'component' does not exist on type 'IntrinsicAttributes & RouteProps'
Now if you are really keen to use the old api you need to downgrade to an older v5 version.
I know is annoying when a tutorial has a way of doing it but the latest breaking changes SemVer release has new stuff, but this is the JavaScript ecosystem.
Get use to it. Just like marriage I would say (silly analogy)
Do not worry about non existent performance impact.