I have this below file saved as bbox.liquid.html in my public folder.

File : https://github.com/aws-samples/amazon-sagemaker-ground-truth-task-uis/blob/master/images/bounding-box.liquid.html

My goal is to either import the file as react component or redirect to the page and show it to user.

Method 1. import the file as react component

I tried this all answers, but its not working.

Method 2. redirect to the page

I tried to redirect it using router in app.js, after clicking it I see a empty page.

<Routes>
 <Route exact path="/" element={<Home />} />
 <Route path="/about" element={<About/>} />        
 <Route path="/bbox/" element={<Navigate to = {"/bbox.html"} replace />} />
</Routes>

[info] index.tsx:30 No routes matched location "/bbox.html"

Note: once after a reload it shows the expected page.

It would be great I get any working mechanism for method 1