Navigation not properly working if the resource has custom route

moderate-tomato · 2022-12-22T07:25:20.357Z

Hi, I am using react-router-6, We have configured a resource with a route called '/config/units'. when using edit function from useNavigation, it redirecting to `http://config/units/edit...` instead of `http://localhost:3000/config/units/edit/...`

C

colossal-harlequin•12/22/22, 7:30 AM

Hey @msp5608,

Can you share us your code to learn how you use

useNavigation

useNavigation

useNavigation

useNavigation?

M

moderate-tomatoOP•12/22/22, 7:35 AM

Sorry, I just figured out what was the issue. we should have put the options like

M

moderate-tomatoOP•12/22/22, 7:36 AM

{route: "config/units"}

{route: "config/units"}

{route: "config/units"}

{route: "config/units"}

instead of this

{route: "/config/units"}

{route: "/config/units"}

{route: "/config/units"}

{route: "/config/units"}

M

moderate-tomatoOP•12/22/22, 7:37 AM

But we are facing another issue, I am using useForm inside edit page

M

moderate-tomatoOP•12/22/22, 7:38 AM

const { form, formProps, saveButtonProps, id } = useForm({
    action: "edit",
    submitOnEnter: false,
    metaData: {
      fields: [
        "id",
        "center_name",
        "unit_type",
        "unit_code",
        "unit_name",
        "postfix",
        "contact_person",
        "contact_person_mobile_no",
        "contact_person_phone",
        "contact_person_email",
        "website",
        "fax_no",
        "address_line_1",
        "address_line_2",
        "postal_code",
        "country",
        "state",
        "city",
        "active",
        "latitude",
        "longitude",
        "organization_id",
      ],
    },
    onMutationSuccess: data => {
      updateDocuments();
    },
  });

const { form, formProps, saveButtonProps, id } = useForm({
    action: "edit",
    submitOnEnter: false,
    metaData: {
      fields: [
        "id",
        "center_name",
        "unit_type",
        "unit_code",
        "unit_name",
        "postfix",
        "contact_person",
        "contact_person_mobile_no",
        "contact_person_phone",
        "contact_person_email",
        "website",
        "fax_no",
        "address_line_1",
        "address_line_2",
        "postal_code",
        "country",
        "state",
        "city",
        "active",
        "latitude",
        "longitude",
        "organization_id",
      ],
    },
    onMutationSuccess: data => {
      updateDocuments();
    },
  });

const { form, formProps, saveButtonProps, id } = useForm({
    action: "edit",
    submitOnEnter: false,
    metaData: {
      fields: [
        "id",
        "center_name",
        "unit_type",
        "unit_code",
        "unit_name",
        "postfix",
        "contact_person",
        "contact_person_mobile_no",
        "contact_person_phone",
        "contact_person_email",
        "website",
        "fax_no",
        "address_line_1",
        "address_line_2",
        "postal_code",
        "country",
        "state",
        "city",
        "active",
        "latitude",
        "longitude",
        "organization_id",
      ],
    },
    onMutationSuccess: data => {
      updateDocuments();
    },
  });

const { form, formProps, saveButtonProps, id } = useForm({
    action: "edit",
    submitOnEnter: false,
    metaData: {
      fields: [
        "id",
        "center_name",
        "unit_type",
        "unit_code",
        "unit_name",
        "postfix",
        "contact_person",
        "contact_person_mobile_no",
        "contact_person_phone",
        "contact_person_email",
        "website",
        "fax_no",
        "address_line_1",
        "address_line_2",
        "postal_code",
        "country",
        "state",
        "city",
        "active",
        "latitude",
        "longitude",
        "organization_id",
      ],
    },
    onMutationSuccess: data => {
      updateDocuments();
    },
  });

M

moderate-tomatoOP•12/22/22, 7:38 AM

We are using hasura data provider

M

moderate-tomatoOP•12/22/22, 7:39 AM

It is returning the following - {
"errors": [
{
"extensions": {
"code": "validation-failed",
"path": "$.selectionSet.organization_units_by_pk.selectionSet"
},
"message": "missing selection set for 'organization_units'"
}
]
}

M

moderate-tomatoOP•12/22/22, 7:39 AM

the fields provided in metadata are not added in the query

C

colossal-harlequin•12/22/22, 7:44 AM

the

organization_units

organization_units

organization_units

organization_units didn't provide in your

metaData

metaData

metaData

metaData but you say it's provided. Are you adding it elsewhere?

M

moderate-tomatoOP•12/22/22, 8:11 AM

it is the resource name

M

moderate-tomatoOP•12/22/22, 8:11 AM

even if i added the resource name, getting the same result

M

moderate-tomatoOP•12/22/22, 8:15 AM

we are using useModalforms elsewhere, it is working fine

M

moderate-tomatoOP•12/22/22, 8:17 AM

only the useForm is not fetching the data using metadata fields

C

colossal-harlequin•12/22/22, 8:49 AM

It's interesting that it works in

useModalForm

useModalForm

useModalForm

useModalForm and not

useForm

useForm

useForm

useForm. Are you sure that the codes are exactly the same? Because

useModalForm

useModalForm

useModalForm

useModalForm internally uses

useForm

useForm

useForm

useForm.