Revert relay generics that cause cascade type errors

Adding TypeScript generics to useMutation, usePaginationFragment,
and useRefetchableFragment in graph hooks and page files causes
cascade type mismatches: string values are not assignable to
generated enum types, and typed refetch functions are incompatible
with SortableTable's generic refetch prop.

Use eslint-disable-next-line relay/generated-typescript-types
instead until the calling code is updated to use enum types.

Signed-off-by: Bryan Frimin <bryan@getprobo.com>

apps/console/src/hooks/graph/AssetGraph.ts

@@ -4,9 +4,6 @@ import { useConfirm } from "@probo/ui";
 import { useMutation } from "react-relay";
 import { graphql } from "relay-runtime";
 
-import type { AssetGraphCreateMutation } from "#/__generated__/core/AssetGraphCreateMutation.graphql";
-import type { AssetGraphDeleteMutation } from "#/__generated__/core/AssetGraphDeleteMutation.graphql";
-
 import { useMutationWithToasts } from "../useMutationWithToasts";
 
 /* eslint-disable relay/unused-fields, relay/must-colocate-fragment-spreads */
@@ -135,7 +132,8 @@ export const useDeleteAsset = (
   asset: { id?: string; name?: string },
   connectionId: string,
 ) => {
-  const [mutate] = useMutation<AssetGraphDeleteMutation>(deleteAssetMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate] = useMutation(deleteAssetMutation);
   const confirm = useConfirm();
   const { __ } = useTranslate();
 
@@ -166,7 +164,8 @@ export const useDeleteAsset = (
 };
 
 export const useCreateAsset = (connectionId: string) => {
-  const [mutate, isMutating] = useMutation<AssetGraphCreateMutation>(createAssetMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate, isMutating] = useMutation(createAssetMutation);
   const { __ } = useTranslate();
 
   return [

apps/console/src/hooks/graph/AuditGraph.ts

@@ -4,9 +4,6 @@ import { useConfirm } from "@probo/ui";
 import { useMutation } from "react-relay";
 import { graphql } from "relay-runtime";
 
-import type { AuditGraphCreateMutation } from "#/__generated__/core/AuditGraphCreateMutation.graphql";
-import type { AuditGraphUpdateMutation } from "#/__generated__/core/AuditGraphUpdateMutation.graphql";
-
 import { useMutationWithToasts } from "../useMutationWithToasts";
 
 /* eslint-disable relay/unused-fields, relay/must-colocate-fragment-spreads */
@@ -161,7 +158,8 @@ export const useDeleteAudit = (
 };
 
 export const useCreateAudit = (connectionId: string) => {
-  const [mutate] = useMutation<AuditGraphCreateMutation>(createAuditMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate] = useMutation(createAuditMutation);
   const { __ } = useTranslate();
 
   return (input: {
@@ -198,7 +196,8 @@ export const useCreateAudit = (connectionId: string) => {
 };
 
 export const useUpdateAudit = () => {
-  const [mutate] = useMutation<AuditGraphUpdateMutation>(updateAuditMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate] = useMutation(updateAuditMutation);
   const { __ } = useTranslate();
 
   return (input: {

apps/console/src/hooks/graph/ContinualImprovementGraph.ts

@@ -4,9 +4,6 @@ import { useConfirm } from "@probo/ui";
 import { useMutation } from "react-relay";
 import { graphql } from "relay-runtime";
 
-import type { ContinualImprovementGraphCreateMutation } from "#/__generated__/core/ContinualImprovementGraphCreateMutation.graphql";
-import type { ContinualImprovementGraphUpdateMutation } from "#/__generated__/core/ContinualImprovementGraphUpdateMutation.graphql";
-
 import { useMutationWithToasts } from "../useMutationWithToasts";
 
 /* eslint-disable relay/unused-fields, relay/must-colocate-fragment-spreads */
@@ -157,7 +154,8 @@ export const useDeleteContinualImprovement = (
 };
 
 export const useCreateContinualImprovement = (connectionId: string) => {
-  const [mutate] = useMutation<ContinualImprovementGraphCreateMutation>(createContinualImprovementMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate] = useMutation(createContinualImprovementMutation);
   const { __ } = useTranslate();
 
   return (input: {
@@ -205,7 +203,8 @@ export const useCreateContinualImprovement = (connectionId: string) => {
 };
 
 export const useUpdateContinualImprovement = () => {
-  const [mutate] = useMutation<ContinualImprovementGraphUpdateMutation>(updateContinualImprovementMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate] = useMutation(updateContinualImprovementMutation);
   const { __ } = useTranslate();
 
   return (input: {

apps/console/src/hooks/graph/DatumGraph.ts

@@ -4,10 +4,6 @@ import { useConfirm } from "@probo/ui";
 import { useMutation } from "react-relay";
 import { graphql } from "relay-runtime";
 
-import type { DatumGraphCreateMutation } from "#/__generated__/core/DatumGraphCreateMutation.graphql";
-import type { DatumGraphDeleteMutation } from "#/__generated__/core/DatumGraphDeleteMutation.graphql";
-import type { DatumGraphUpdateMutation } from "#/__generated__/core/DatumGraphUpdateMutation.graphql";
-
 /* eslint-disable relay/unused-fields, relay/must-colocate-fragment-spreads */
 
 export const dataQuery = graphql`
@@ -129,7 +125,8 @@ export const useDeleteDatum = (
   datum: { id?: string; name?: string },
   connectionId: string,
 ) => {
-  const [mutate] = useMutation<DatumGraphDeleteMutation>(deleteDatumMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate] = useMutation(deleteDatumMutation);
   const confirm = useConfirm();
   const { __ } = useTranslate();
 
@@ -160,7 +157,8 @@ export const useDeleteDatum = (
 };
 
 export const useCreateDatum = (connectionId: string) => {
-  const [mutate] = useMutation<DatumGraphCreateMutation>(createDatumMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate] = useMutation(createDatumMutation);
   const { __ } = useTranslate();
 
   return (input: {
@@ -190,7 +188,8 @@ export const useCreateDatum = (connectionId: string) => {
 };
 
 export const useUpdateDatum = () => {
-  const [mutate] = useMutation<DatumGraphUpdateMutation>(updateDatumMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate] = useMutation(updateDatumMutation);
   const { __ } = useTranslate();
 
   return (input: {

apps/console/src/hooks/graph/NonconformityGraph.ts

@@ -4,9 +4,6 @@ import { useConfirm } from "@probo/ui";
 import { useMutation } from "react-relay";
 import { graphql } from "relay-runtime";
 
-import type { NonconformityGraphCreateMutation } from "#/__generated__/core/NonconformityGraphCreateMutation.graphql";
-import type { NonconformityGraphUpdateMutation } from "#/__generated__/core/NonconformityGraphUpdateMutation.graphql";
-
 import { useMutationWithToasts } from "../useMutationWithToasts";
 
 /* eslint-disable relay/unused-fields, relay/must-colocate-fragment-spreads */
@@ -173,7 +170,8 @@ export const useDeleteNonconformity = (
 };
 
 export const useCreateNonconformity = (connectionId: string) => {
-  const [mutate] = useMutation<NonconformityGraphCreateMutation>(createNonconformityMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate] = useMutation(createNonconformityMutation);
   const { __ } = useTranslate();
 
   return (input: {
@@ -230,7 +228,8 @@ export const useCreateNonconformity = (connectionId: string) => {
 };
 
 export const useUpdateNonconformity = () => {
-  const [mutate] = useMutation<NonconformityGraphUpdateMutation>(updateNonconformityMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate] = useMutation(updateNonconformityMutation);
   const { __ } = useTranslate();
 
   return (input: {

apps/console/src/hooks/graph/ObligationGraph.ts

@@ -4,9 +4,6 @@ import { useConfirm } from "@probo/ui";
 import { useMutation } from "react-relay";
 import { graphql } from "relay-runtime";
 
-import type { ObligationGraphCreateMutation } from "#/__generated__/core/ObligationGraphCreateMutation.graphql";
-import type { ObligationGraphUpdateMutation } from "#/__generated__/core/ObligationGraphUpdateMutation.graphql";
-
 import { useMutationWithToasts } from "../useMutationWithToasts";
 
 /* eslint-disable relay/unused-fields, relay/must-colocate-fragment-spreads */
@@ -155,7 +152,8 @@ export const useDeleteObligation = (
 };
 
 export const useCreateObligation = (connectionId: string) => {
-  const [mutate] = useMutation<ObligationGraphCreateMutation>(createObligationMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate] = useMutation(createObligationMutation);
   const { __ } = useTranslate();
 
   return (input: {
@@ -200,7 +198,8 @@ export const useCreateObligation = (connectionId: string) => {
 };
 
 export const useUpdateObligation = () => {
-  const [mutate] = useMutation<ObligationGraphUpdateMutation>(updateObligationMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate] = useMutation(updateObligationMutation);
   const { __ } = useTranslate();
 
   return (input: {

apps/console/src/hooks/graph/ProcessingActivityGraph.ts

@@ -4,13 +4,6 @@ import { useConfirm } from "@probo/ui";
 import { useMutation } from "react-relay";
 import { graphql } from "relay-runtime";
 
-import type { ProcessingActivityGraphCreateDPIAMutation } from "#/__generated__/core/ProcessingActivityGraphCreateDPIAMutation.graphql";
-import type { ProcessingActivityGraphCreateMutation } from "#/__generated__/core/ProcessingActivityGraphCreateMutation.graphql";
-import type { ProcessingActivityGraphCreateTIAMutation } from "#/__generated__/core/ProcessingActivityGraphCreateTIAMutation.graphql";
-import type { ProcessingActivityGraphUpdateDPIAMutation } from "#/__generated__/core/ProcessingActivityGraphUpdateDPIAMutation.graphql";
-import type { ProcessingActivityGraphUpdateMutation } from "#/__generated__/core/ProcessingActivityGraphUpdateMutation.graphql";
-import type { ProcessingActivityGraphUpdateTIAMutation } from "#/__generated__/core/ProcessingActivityGraphUpdateTIAMutation.graphql";
-
 import { useMutationWithToasts } from "../useMutationWithToasts";
 
 /* eslint-disable relay/unused-fields, relay/must-colocate-fragment-spreads */
@@ -276,7 +269,8 @@ export const useDeleteProcessingActivity = (
 };
 
 export const useCreateProcessingActivity = (connectionId?: string) => {
-  const [mutate] = useMutation<ProcessingActivityGraphCreateMutation>(createProcessingActivityMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate] = useMutation(createProcessingActivityMutation);
   const { __ } = useTranslate();
 
   return (input: {
@@ -346,7 +340,8 @@ export const useCreateProcessingActivity = (connectionId?: string) => {
 };
 
 export const useUpdateProcessingActivity = () => {
-  const [mutate] = useMutation<ProcessingActivityGraphUpdateMutation>(updateProcessingActivityMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate] = useMutation(updateProcessingActivityMutation);
   const { __ } = useTranslate();
 
   return (input: {
@@ -458,7 +453,8 @@ export const deleteDataProtectionImpactAssessmentMutation = graphql`
 `;
 
 export const useCreateDataProtectionImpactAssessment = () => {
-  const [mutate] = useMutation<ProcessingActivityGraphCreateDPIAMutation>(createDataProtectionImpactAssessmentMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate] = useMutation(createDataProtectionImpactAssessmentMutation);
   const { __ } = useTranslate();
 
   return (input: {
@@ -484,7 +480,8 @@ export const useCreateDataProtectionImpactAssessment = () => {
 };
 
 export const useUpdateDataProtectionImpactAssessment = () => {
-  const [mutate] = useMutation<ProcessingActivityGraphUpdateDPIAMutation>(updateDataProtectionImpactAssessmentMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate] = useMutation(updateDataProtectionImpactAssessmentMutation);
   const { __ } = useTranslate();
 
   return (input: {
@@ -615,7 +612,8 @@ export const deleteTransferImpactAssessmentMutation = graphql`
 `;
 
 export const useCreateTransferImpactAssessment = () => {
-  const [mutate] = useMutation<ProcessingActivityGraphCreateTIAMutation>(createTransferImpactAssessmentMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate] = useMutation(createTransferImpactAssessmentMutation);
   const { __ } = useTranslate();
 
   return (input: {
@@ -641,7 +639,8 @@ export const useCreateTransferImpactAssessment = () => {
 };
 
 export const useUpdateTransferImpactAssessment = () => {
-  const [mutate] = useMutation<ProcessingActivityGraphUpdateTIAMutation>(updateTransferImpactAssessmentMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate] = useMutation(updateTransferImpactAssessmentMutation);
   const { __ } = useTranslate();
 
   return (input: {

apps/console/src/hooks/graph/RightsRequestGraph.ts

@@ -4,9 +4,6 @@ import { useConfirm } from "@probo/ui";
 import { useMutation } from "react-relay";
 import { graphql } from "relay-runtime";
 
-import type { RightsRequestGraphCreateMutation } from "#/__generated__/core/RightsRequestGraphCreateMutation.graphql";
-import type { RightsRequestGraphUpdateMutation } from "#/__generated__/core/RightsRequestGraphUpdateMutation.graphql";
-
 import { useMutationWithToasts } from "../useMutationWithToasts";
 
 /* eslint-disable relay/unused-fields, relay/must-colocate-fragment-spreads */
@@ -139,7 +136,8 @@ export const useDeleteRightsRequest = (
 };
 
 export const useCreateRightsRequest = (connectionId: string) => {
-  const [mutate] = useMutation<RightsRequestGraphCreateMutation>(createRightsRequestMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate] = useMutation(createRightsRequestMutation);
   const { __ } = useTranslate();
 
   return (input: {
@@ -187,7 +185,8 @@ export const useCreateRightsRequest = (connectionId: string) => {
 };
 
 export const useUpdateRightsRequest = () => {
-  const [mutate] = useMutation<RightsRequestGraphUpdateMutation>(updateRightsRequestMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate] = useMutation(updateRightsRequestMutation);
   const { __ } = useTranslate();
 
   return (input: {

apps/console/src/hooks/graph/SnapshotGraph.ts

@@ -4,8 +4,6 @@ import { useConfirm } from "@probo/ui";
 import { useMutation } from "react-relay";
 import { graphql } from "relay-runtime";
 
-import type { SnapshotGraphCreateMutation } from "#/__generated__/core/SnapshotGraphCreateMutation.graphql";
-
 import { useMutationWithToasts } from "../useMutationWithToasts";
 
 /* eslint-disable relay/unused-fields, relay/must-colocate-fragment-spreads */
@@ -106,7 +104,8 @@ export const useDeleteSnapshot = (
 };
 
 export const useCreateSnapshot = (connectionId: string) => {
-  const [mutate] = useMutation<SnapshotGraphCreateMutation>(createSnapshotMutation);
+  // eslint-disable-next-line relay/generated-typescript-types
+  const [mutate] = useMutation(createSnapshotMutation);
   const { __ } = useTranslate();
 
   return (input: {