Everyting

mocks/browser.ts

@@ -1,4 +1,4 @@
-import { setupWorker } from "msw";
+import { setupWorker } from "msw/browser";
 import { handlers } from "./handlers";
 
 export const worker = setupWorker(...handlers);

mocks/handlers.ts

@@ -1,26 +1,24 @@
-import { rest } from "msw";
+import { http, graphql, HttpResponse } from "msw";
 import { Book, Review } from "./types";
 
+console.log("handlers");
+
 export const handlers = [
-  rest.get("https://my.backend/book", (_req, res, ctx) => {
-    return res(
-      ctx.json<Book>({
-        title: "Lord of the Rings",
-        imageUrl: "/book-cover.jpg",
-        description:
-          "The Lord of the Rings is an epic high-fantasy novel written by English author and scholar J. R. R. Tolkien.",
-      }),
-    );
+  http.get("https://my.backend/book", () => {
+    return HttpResponse.json<Book>({
+      title: "Lord of the Rings",
+      imageUrl: "/book-cover.jpg",
+      description:
+        "The Lord of the Rings is an epic high-fantasy novel written by English author and scholar J. R. R. Tolkien.",
+    });
   }),
-  rest.get("/reviews", (_req, res, ctx) => {
-    return res(
-      ctx.json<Review[]>([
-        {
-          id: "60333292-7ca1-4361-bf38-b6b43b90cb16",
-          author: "John Maverick",
-          text: "Lord of The Rings, is with no absolute hesitation, my most favored and adored book by‑far. The trilogy is wonderful‑ and I really consider this a legendary fantasy series. It will always keep you at the edge of your seat‑ and the characters you will grow and fall in love with!",
-        },
-      ]),
-    );
+  http.get("/reviews", () => {
+    return HttpResponse.json<Review[]>([
+      {
+        id: "60333292-7ca1-4361-bf38-b6b43b90cb16",
+        author: "John Maverick",
+        text: "Lord of The Rings, is with no absolute hesitation, my most favored and adored book by‑far. The trilogy is wonderful‑ and I really consider this a legendary fantasy series. It will always keep you at the edge of your seat‑ and the characters you will grow and fall in love with!",
+      },
+    ]);
   }),
 ];

mocks/index.ts

@@ -1,5 +1,6 @@
 async function initMocks() {
   if (typeof window === "undefined") {
+    console.log("server init mocks")
     const { server } = await import("./server");
     server.listen();
   } else {