Get Length of Data of Posts to use in Dashboard Charts

2 Replies

Hi @George Mohsen. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- To get the length of data of posts to use in Dashboard Charts in a Refine project, you can use the useCustom hook to make a custom query request to the backend. This hook uses TanStack Query's useQuery hook under the hood. Here is an example of how you can use the useCustom hook:

const { data: posts } = useCustom<IChart>({  
 url: `${API_URL}/posts`,  
 method: "get",  
 config: {  
 query,  
 },  
});

const { data: posts } = useCustom<IChart>({  
 url: `${API_URL}/posts`,  
 method: "get",  
 config: {  
 query,  
 },  
});

In this example, IChart is the type of the data you are expecting from the endpoint. Replace it with the type of your posts data. The url is the endpoint url, and query is an object containing any query parameters you want to pass to the endpoint. After making the request, the data property of the object returned by the useCustom hook will contain the posts data fetched from the endpoint. You can get the length of this data by accessing its length property:

const postsLength = posts?.length;

const postsLength = posts?.length;

Please note that the useCustom hook is part of the @refinedev/core package, so make sure to import it at the top of your file:

import { useCustom } from "@refinedev/core";

import { useCustom } from "@refinedev/core";

For more information on the useCustom hook, you can check out its documentation here (https://refine.dev/docs/api-reference/core/hooks/data/useCustom/). Please note that the actual implementation may vary depending on the structure of your project and the API you are using. Source (https://refine.dev/blog/recharts#create-a-line-chart-using-recharts) ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•5mo ago

<@1083046721392750612> kapa.ai is still learning and improving, please let us know how it did by reacting below