diff --git a/src/frontend/js/hooks/useProduct.ts b/src/frontend/js/hooks/useProduct.ts
index fb8972800a..057d47ba97 100644
--- a/src/frontend/js/hooks/useProduct.ts
+++ b/src/frontend/js/hooks/useProduct.ts
@@ -1,7 +1,8 @@
 import { defineMessages } from 'react-intl';
-import { Product } from 'types/Joanie';
-import { useResource, UseResourcesProps } from 'hooks/useResources';
+import { Product } from 'api/joanie/gen';
+import { joanieApi } from 'api/joanie';
 import { useJoanieApi } from 'data/JoanieApiProvider';
+import { ResourcesQuery, useResource, UseResourcesProps } from 'hooks/useResources';
 
 const messages = defineMessages({
   errorGet: {
@@ -21,7 +22,15 @@ const messages = defineMessages({
  */
 const props: UseResourcesProps<Product> = {
   queryKey: ['products'],
-  apiInterface: () => useJoanieApi().products,
+  apiInterface: () => ({
+    get: async (filters?: ResourcesQuery) => {
+      if (filters?.id) {
+        return joanieApi.products.productsRead(filters?.id);
+      }
+      // FIXME: openapi schema doesn't contain productsList
+      useJoanieApi().products.get(filters);
+    },
+  }),
   messages,
 };