Error with using a custom db select
import React from 'react';
import { Edit, useForm, useSelect } from "@refinedev/mantine";
import { Select, TextInput } from "@mantine/core";
import { IApp, ICategory } from '../../../interfaces';
export const AppEdit: React.FC = () => {
const location = useLocation();
const id = location.pathname.split('/')[4];
console.log(id);
const {
saveButtonProps,
getInputProps,
refineCore: { queryResult },
} = useForm<IApp>({
refineCoreProps: {
action: "edit",
resource: "apps",
id: id,
},
});
const appData = queryResult?.data?.data;
const { selectProps } = useSelect<ICategory>({
resource: "options",
filters: [
{
field: "parent_id",
operator: "eq",
value: 1,
},
],
defaultValue: appData?.categoryID,
});
return (
<Edit saveButtonProps={saveButtonProps}>
<form>
<Select
mt={8}
label="Category"
placeholder="Pick one"
{...getInputProps("categoryID")}
{...selectProps}
/>
</form>
</Edit>
);
};
import { Edit, useForm, useSelect } from "@refinedev/mantine";
import { Select, TextInput } from "@mantine/core";
import { IApp, ICategory } from '../../../interfaces';
export const AppEdit: React.FC = () => {
const location = useLocation();
const id = location.pathname.split('/')[4];
console.log(id);
const {
saveButtonProps,
getInputProps,
refineCore: { queryResult },
} = useForm<IApp>({
refineCoreProps: {
action: "edit",
resource: "apps",
id: id,
},
});
const appData = queryResult?.data?.data;
const { selectProps } = useSelect<ICategory>({
resource: "options",
filters: [
{
field: "parent_id",
operator: "eq",
value: 1,
},
],
defaultValue: appData?.categoryID,
});
return (
<Edit saveButtonProps={saveButtonProps}>
<form>
<Select
mt={8}
label="Category"
placeholder="Pick one"
{...getInputProps("categoryID")}
{...selectProps}
/>
</form>
</Edit>
);
};
