🐯 Mocked a prowlarr call

src/client/components/ComicDetail/TorrentSearchPanel.tsx

@@ -3,8 +3,31 @@ import React, { useCallback, ReactElement, useEffect, useState } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import axios from "axios";
 import { Form, Field } from "react-final-form";
+import { PROWLARR_SERVICE_BASE_URI } from "../../constants/endpoints";
 
 export const TorrentSearchPanel = (props): ReactElement => {
+  const [prowlarrSettingsData, setProwlarrSettingsData] = useState({});
+
+  const { data } = useQuery({
+    queryFn: async () =>
+      axios({
+        url: `${PROWLARR_SERVICE_BASE_URI}/search`,
+        method: "POST",
+        data: {
+          port: "9696",
+          apiKey: "c4f42e265fb044dc81f7e88bd41c3367",
+          offset: 0,
+          categories: [7030],
+          query: "the darkness",
+          host: "localhost",
+          limit: 100,
+          type: "search",
+          indexerIds: [2],
+        },
+      }),
+    queryKey: ["prowlarrSettingsData"],
+  });
+  console.log(data?.data);
   return (
     <>
       <div className="mt-5">

src/client/index.tsx

@@ -8,7 +8,6 @@ import { ErrorPage } from "./components/shared/ErrorPage";
 const rootEl = document.getElementById("root");
 const root = createRoot(rootEl);
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import Import from "./components/Import/Import";
 import Dashboard from "./components/Dashboard/Dashboard";
 import Search from "./components/Search/Search";
@@ -47,6 +46,5 @@ const router = createBrowserRouter([
 root.render(
   <QueryClientProvider client={queryClient}>
     <RouterProvider router={router} />
-    <ReactQueryDevtools initialIsOpen={true} />
   </QueryClientProvider>,
 );