default-value-live-preview

import { useSelect } from "@pankod/refine-core";

interface ICategory {
    id: number;
    title: string;
}

const ProductCreate: React.FC = () => {
    const { options } = useSelect<ICategory>({
        resource: "categories",
        defaultValue: 20,
    });

    return (
        <label>
            Select a category:
            <select>
                {options?.map((option) => (
                    <option key={option.value} value={option.value}>
                        {option.value}-{option.label}
                    </option>
                ))}
            </select>
        </label>
    );
};