React router is just showing a blank page after I structure like the şmage below

Question

This is app.js

As result I just see a white page. I don't see any errors or anything.

Answer 1

The Route component API's element prop takes a ReactNode, a.k.a. JSX. Buy should be rendered as JSX, not passed as a reference to the component.

Example:

<Route path="/" element={<Buy />} />