Fix delete with id

src/Mutate.test.tsx

@@ -46,6 +46,70 @@ describe("Mutate", () => {
       expect(children.mock.calls[2][1].loading).toEqual(false);
     });
 
+    it("should call the correct url with a specific id (with base in Mutate)", async () => {
+      nock("https://my-awesome-api.fake")
+        .delete("/plop")
+        .reply(200, { id: 1 });
+
+      const children = jest.fn();
+      children.mockReturnValue(<div />);
+
+      // setup - first render
+      render(
+        <RestfulProvider base="https://my-awesome-api.fake">
+          <Mutate verb="DELETE" path="" base="https://my-awesome-api.fake">
+            {children}
+          </Mutate>
+        </RestfulProvider>,
+      );
+
+      await wait(() => expect(children.mock.calls.length).toBe(1));
+      expect(children.mock.calls[0][1].loading).toEqual(false);
+      expect(children.mock.calls[0][0]).toBeDefined();
+
+      // delete action
+      children.mock.calls[0][0]("plop");
+      await wait(() => expect(children.mock.calls.length).toBe(3));
+
+      // transition state
+      expect(children.mock.calls[1][1].loading).toEqual(true);
+
+      // after delete state
+      expect(children.mock.calls[2][1].loading).toEqual(false);
+    });
+
+    it("should call the correct url with a specific id (with base in Mutate)", async () => {
+      nock("https://my-awesome-api.fake")
+        .delete("/plop")
+        .reply(200, { id: 1 });
+
+      const children = jest.fn();
+      children.mockReturnValue(<div />);
+
+      // setup - first render
+      render(
+        <RestfulProvider base="https://my-awesome-api.fake">
+          <Mutate verb="DELETE" path="user">
+            {children}
+          </Mutate>
+        </RestfulProvider>,
+      );
+
+      await wait(() => expect(children.mock.calls.length).toBe(1));
+      expect(children.mock.calls[0][1].loading).toEqual(false);
+      expect(children.mock.calls[0][0]).toBeDefined();
+
+      // delete action
+      children.mock.calls[0][0]("plop");
+      await wait(() => expect(children.mock.calls.length).toBe(3));
+
+      // transition state
+      expect(children.mock.calls[1][1].loading).toEqual(true);
+
+      // after delete state
+      expect(children.mock.calls[2][1].loading).toEqual(false);
+    });
+
     it("should call the correct url without id", async () => {
       nock("https://my-awesome-api.fake")
         .delete("/")

src/Mutate.tsx

@@ -144,7 +144,9 @@ class ContextlessMutate<TData, TError> extends React.Component<
 
     const makeRequestPath = () => {
       if (__internal_hasExplicitBase) {
-        return composeUrl(base!, "", path || "");
+        return verb === "DELETE" && typeof body === "string"
+          ? composeUrl(base!, "", composePathWithBody(path!, body))
+          : composeUrl(base!, "", path || "");
       } else {
         return verb === "DELETE" && typeof body === "string"
           ? composeUrl(base!, parentPath!, composePathWithBody(path!, body))