liveProvider not working on some pages

[vadim-roshuor]

Hello!
I have page with products. And I want to connect live provider on this page. But liveProvider not working on this page, but working on Users page.
Could it depend on requests to the server?
There are standard queries on the User page, and custom queries on the Product page

App:

           dataProvider={changedDataProvider()}
           liveProvider={ablyLiveProvider}
           liveMode='auto'

Products:

 const { tableQueryResult, current, pageSize, setCurrent, setPageSize } =
        useTable<WCProductsI>({
            metaData: {
                fields: ['id', 'name', 'sku', 'slug', 'price', 'dateModified'],
            }
        })

Hasura provider:

getList: async ({ resource, sort, filters, pagination, metaData }) => {
            const current = pagination?.current ?? 1
            const limit = pagination?.pageSize || 10
            const offset = (current - 1) * limit

            const hasuraSorting = generateSorting(sort)
            const hasuraFilters = generateFilters(filters)

            const operation = metaData?.operation ?? resource

            const aggregateOperation = `${operation}_aggregate`

            const hasuraSortingType = `[${operation}_order_by!]`
            const hasuraFiltersType = `${operation}_bool_exp`

            const variablesObj = operationObj[operation]
                ? {
                      page: current,
                      perPage: limit,
                  }
                : {
                      limit,
                      offset,
                      ...(hasuraSorting && {
                          order_by: {
                              value: hasuraSorting,
                              type: hasuraSortingType,
                          },
                      }),
                  }
            const aggregateOperationObj = operationObj[operation]
                ? ''
                : {
                      operation: aggregateOperation,
                      fields: [{ aggregate: ['count'] }],
                      variables: {
                          where: {
                              value: hasuraFilters,
                              type: hasuraFiltersType,
                          },
                      },
                  }

            const { query, variables } = gql.query([
                {
                    operation,
                    fields: metaData?.fields,
                    variables: variablesObj,
                },
                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                // @ts-ignore
                aggregateOperationObj,
            ])

            const result = await client.request(query, variables)

            const total = operationObj[operation]
                ? ''
                : result[aggregateOperation].aggregate.count

            return {
                data: result[operation],
                total,
            }
        },

Thank you

[omeraplak]

Hey @vadim-roshuor 👋,
Thank you for contacting us! I'm going to ask you to make a few changes so that we can find the error more easily.

Could you do the same for your "users" page, if possible? so we can compare.

I will ask you to add onLiveEvent for useTable and Refine component.

pages;

  const { tableQueryResult, current, pageSize, setCurrent, setPageSize } =
         useTable<WCProductsI>({
             metaData: {
                 fields: ['id', 'name', 'sku', 'slug', 'price', 'dateModified'],
             }
             onLiveEvent: (event) => { console.log("event", { event }); }
         });

Refine component;

<Refine
....
...
            onLiveEvent={(event) => {
               console.log("event", { event });
            }}
        />

Then can you share the result with me? Thank you for your patience! Don't forget to come to our Discord server for faster support!

[omeraplak]

Users page looks good but I couldn't see a "publish" log for "products". Did you do a mutation(create/edit/delete) for "products" and still no logs?

[vadim-roshuor]

if I do a mutation I get this:

only publish logs

[omeraplak]

Finally, we detected the problem. When subscribing to live events, you are using the name productsList, but the resource name of your mutations is updateProduct. Refine cannot manage state automatically when these two are not the same

What you can do in this situation,

Using the same resource names on mutations and queries. If this is not possible, you have to manage this process yourself. You can use the useSubscription hook for this,

example,

  const { tableQueryResult, current, pageSize, setCurrent, setPageSize } =
         useTable<WCProductsI>({
             metaData: {
                 fields: ['id', 'name', 'sku', 'slug', 'price', 'dateModified'],
             }
         });

    useSubscription({
        channel: "resources/updateProduct",
        types: ["*"],
        onLiveEvent: (event) => {
            // refetch table data
            tableQueryResult.refetch();
        },
    });

I hope it will be useful for you

[vadim-roshuor]

thank you very much. you saved me

[omeraplak]

You're welcome. Don't forget to support us 🚀