Skip to main content
🧙‍♂️ refine grants your wishes! Please give us a ⭐️ on GitHub to keep the magic going.
Version: 3.xx.xx

basic-usage-live-preview

localhost:3000/products/show/1
Live previews only work with the latest documentation.
import { useShow } from "@pankod/refine-core";

interface IProduct {
id: number;
name: string;
material: string;
}

const ProductShow: React.FC = () => {
const { queryResult } = useShow<IProduct>();

const { data, isLoading, isError } = queryResult;
const product = data?.data;

if (isLoading) {
return <div>Loading...</div>;
}

if (isError) {
return <div>Something went wrong!</div>;
}

return (
<div>
<h3>Product Details</h3>
<p>id: {product?.id}</p>
<p>name: {product?.name}</p>
<p>material: {product?.material}</p>
</div>
);
};