All Series Collapsed needs extra click to triggered true.

[RafaelCENG]

  events: {
          legendClick: function (chartContext, seriesIndex, config) {
            console.log(config.globals.allSeriesCollapsed);
            setSeriesCollapse(config.globals.allSeriesCollapsed);
          },
        },

I created a useState that has a boolean value to check if my series are all collapsed.
I start clicking on the legend and when everything is collapsed the allSeriesCollapsed console.logs me false. Inside config.globals is true. Also when i click again in my legend to show one series then its true. This happens i guess because is async how can i fix it?
Also is it possible to make my series with data length zero not clickable?
More details for my second question here