Revert back to tsx test file

Author: brophdawg11

packages/react-router/__tests__/dom/data-browser-router-test.tsx

@@ -19,9 +19,12 @@ import {
   Form,
   Link,
   Outlet,
+  Route,
+  RouterContextProvider,
   RouterProvider,
   createBrowserRouter,
   createHashRouter,
+  createRoutesFromElements,
   isRouteErrorResponse,
   matchRoutes,
   redirect,

packages/react-router/__tests__/router/context-middleware-test.ts renamed to packages/react-router/__tests__/router/context-middleware-test.tsx

@@ -751,6 +751,57 @@ describe("context/middleware", () => {
       });
     });
 
+    it("works with createRoutesFromElements", async () => {
+        let context = new RouterContextProvider();
+        router = createRouter({
+          history: createMemoryHistory(),
+          getContext: () => context,
+          routes: createRoutesFromElements(
+            <>
+              <Route path="/" />
+              <Route
+                id="parent"
+                path="/parent"
+                middleware={[
+                  getOrderMiddleware(orderContext, "a"),
+                  getOrderMiddleware(orderContext, "b"),
+                ]}
+                loader={({ context }) => {
+                  context.get(orderContext).push("parent loader");
+                }}
+              >
+                <Route
+                  id="child"
+                  path="child"
+                  middleware={[
+                    getOrderMiddleware(orderContext, "c"),
+                    getOrderMiddleware(orderContext, "d"),
+                  ]}
+                  loader={({ context }) => {
+                    context.get(orderContext).push("child loader");
+                  }}
+                />
+              </Route>
+            </>,
+          ),
+        });
+
+        await router.navigate("/parent/child");
+
+        expect(context.get(orderContext)).toEqual([
+          "a middleware - before next()",
+          "b middleware - before next()",
+          "c middleware - before next()",
+          "d middleware - before next()",
+          "parent loader",
+          "child loader",
+          "d middleware - after next()",
+          "c middleware - after next()",
+          "b middleware - after next()",
+          "a middleware - after next()",
+        ]);
+      });
+
     describe("lazy", () => {
       it("runs lazy loaded middleware", async () => {
         let snapshot;