Use React Router useDataLoader for API's

[SurajDesuntech]

The Middleware first renders the page and then call the API and after that it redirects it should be inverse
the API should called first and then the page should be rendered after that middleware will work properly

currently the page first loads and then redirects .

This can be achieved by using react new router v6 changes of using useDataLoader()