Refine•2y ago

useDataGrid placeholderData

Can I use placeholderData with useDataGrid

    queryOptions: {
      placeholderData: () => ({
        data: {},
      }),
    },

    queryOptions: {
      placeholderData: () => ({
        data: {},
      }),
    },

    queryOptions: {
      placeholderData: () => ({
        data: {},
      }),
    },

    queryOptions: {
      placeholderData: () => ({
        data: {},
      }),
    },

kapa.ai•6/28/24, 9:27 AM

Hi @Joe Gaffney. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base.

kapa.ai•6/28/24, 9:27 AM

----------------------
Yes, you can use placeholderDataplaceholderData with useDataGriduseDataGrid by passing it through the queryOptionsqueryOptions property. Here is an example of how you can do it:

useDataGrid({
  queryOptions: {
    placeholderData: () => ({
      data: {},
    }),
  },
});

useDataGrid({
  queryOptions: {
    placeholderData: () => ({
      data: {},
    }),
  },
});

This configuration will provide placeholder data while the actual data is being fetched. For more details on queryOptionsqueryOptions, you can refer to the useDataGrid documentation (https://refine.dev/docs/ui-integrations/material-ui/hooks/use-data-grid/#queryoptions).

For additional information on how useDataGriduseDataGrid works and its properties, you can check the useDataGrid documentation (https://refine.dev/docs/ui-integrations/material-ui/hooks/use-data-grid/).
----------------------
Note: you can ask me a follow up question by @ mentioning me again

----------------------

kapa.ai•6/28/24, 9:27 AM

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