Как поменять basement React Маршрутизатора?

Для React-приложения внутри админки WordPress по адресу admin.php?page=my_plugin лучше использовать HashRouter, а не BrowserRouter. Причина как раз в том, что WordPress admin page живёт в query string, а BrowserRouter ожидает нормальный path. В админке проще и стабильнее маршрутизировать после hash.

Нужный формат:

/wp-admin/admin.php?page=my_plugin#/create

React:

import { HashRouter, Routes, Route, Link } from 'react-router-dom';
 
function App() {
  return (
    <HashRouter>
      <nav>
        <Link to="/create">Create</Link>
      </nav>
 
      <Routes>
        <Route path="/" element={<Dashboard />} />
        <Route path="/create" element={<CreatePage />} />
      </Routes>
    </HashRouter>
  );
}

Так WordPress продолжает видеть одну админ-страницу admin.php?page=my_plugin, а React управляет внутренними маршрутами через #/create, #/settings и т.п.

Если принципиально нужен BrowserRouter, придётся делать отдельный rewrite/endpoint и серверную поддержку всех маршрутов, что в wp-admin обычно не нужно и неудобно. Для админских SPA-плагинов HashRouter — нормальная практика.

Ещё проверьте, что ваши assets подключаются только на странице плагина:

add_action('admin_enqueue_scripts', function ($hook) {
    if ($hook !== 'toplevel_page_my_plugin') {
        return;
    }
 
    wp_enqueue_script('my-plugin-app', plugin_dir_url(__FILE__) . 'app.js', [], '1.0', true);
});

И не пытайтесь вставлять ?page=my_plugin внутрь Route path. Для React Router это не часть path, а query string. В вашем случае query string принадлежит WordPress, а маршруты приложения должны жить после hash.