如何使用Immer调试UI状态?

我有一个按钮调用handleApplyFiltersButtonClick,它通过对一些数据应用过滤器来更新状态。我哪里有个虫子。我正在努力调试使用immer'product的状态,因为一切都是代理或函数。我宁愿不用伊默,但那是球队的选择。

从文档中可以看出,生产者函数通常采用当前状态,而将参数草稿传递给wehre的函数会进行状态更改并记录下来。。。不过,在这里不要这样做。

如何查看更新的状态?因为console.log('nextState',nextState)只会导致一个没有信息的函数。

handleApplyFiltersButtonClick = () => {
    const nextState =  produce((state) => {
        state.page = 1;
        state.appliedFilters = { ...state.filters };
        state.filteredHealthProviders = this.getFilteredHealthProviders(state.healthProviders, state.appliedFilters)
    })
    console.log('nextState', nextState)
    this.setState(
       nextState,
    );
};