我现在这样配置react路由：

import Home from "@/page/home/Home";
import PaySuccess from "@/page/pay/success/PaySuccess";
import { createBrowserRouter } from "react-router-dom";

const routes = createBrowserRouter([
    {
        path: "/",
        element: <Home />
    },
    {
        path: "/product/pay/success",

        element: <PaySuccess />
    },
]);

export default routes;

现在我想打开一个新的页面（在新标签中打开页面，而不是打开一个应用新页面），当访问url /product/pay/success时，如何配置？路由器版本为"react-router-dom": "^6.10.0",。我从互联网上搜索并阅读了文档https://reactrouter.com/en/main/routers/create-browser-router，似乎没有提到它。可能吗？这是index.tsx：

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import reportWebVitals from './reportWebVitals';
import { Provider } from 'react-redux';
import store from './redux/store/store';
import { RouterProvider } from 'react-router-dom';
import routes from './redux/routes/routes';

const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);
root.render(
  <React.StrictMode>
    <Provider store={store}>
      <RouterProvider router={routes} />
    </Provider>
  </React.StrictMode>
);

reportWebVitals();

我试过这样做：

{
    path: "/product/pay/success",
    target: '_blank',
    element: <PaySuccess />,
},