How to exclude route from react-router-dom Routes?

I want to just exclude a route from being controlled by react-router-dom Routes component. Here’s my App.tsx:

import React from 'react';
import { Navigate, Route, Routes } from 'react-router-dom';
import HomePage from '@/pages/HomePage';
import SignInPage from '@/pages/account/SignInPage';
import RegisterPage from '@/pages/account/RegisterPage';

const App = () => {
    return (
        <Routes>
            <Route path='/' element={<HomePage />} />

            <Route path='/account/signin' element={<SignInPage />} />
            <Route path='/account/register' element={<RegisterPage />} />

            <Route path='/product-imgs/*' element={<></>} />

            <Route path='*' element={<Navigate to='/' replace />} />
        </Routes>
    );
};

export default App;

I am trying to totally exclude the path “/product-imgs/” from being controlled by react-router-dom, since I’m hosting the app on an S3 and in “/product-imgs” I want to upload some images. However I don’t know how could I solve the problem since I’ve also got the “” path that covers every route.

Can someone help me?