diff --git a/packages/core-plugin-api/src/routing/useRouteRefParams.test.tsx b/packages/core-plugin-api/src/routing/useRouteRefParams.test.tsx
index 430dc746a5..40ee7219c2 100644
--- a/packages/core-plugin-api/src/routing/useRouteRefParams.test.tsx
+++ b/packages/core-plugin-api/src/routing/useRouteRefParams.test.tsx
@@ -41,9 +41,7 @@ describe('useRouteRefParams', () => {
     const { getByText } = render(
       <MemoryRouter initialEntries={['/foo/bar']}>
         <Routes>
-          <Route path="/:a/:b">
-            <Page />
-          </Route>
+          <Route path="/:a/:b" element={<Page />} />
         </Routes>
       </MemoryRouter>,
     );