export function Product({ pid }) {
const [product, setProduct] = useState({})
const dispatch = useDispatch()
useEffect(() => {
dispatch(getSingleProduct(pid))
}, [pid]
)
const { isLoading, content } = useSelector(store => store.singleProduct)
useEffect(() => {
setProduct(content)
}, [content]
)
return <div>{isLoading ? <Loader /> :
product.name}</div>
}