flexRender update component props

hello I have a question in svelte. I would like to update the props of different cell component based on some action. currently I use the following:
header: ()=>flexRender(Checkbox, {
                    indeterminate,
                    change: (e: boolean) => {
                        indeterminate = e;
                        if (e) {
                            console.log('toggle all');
                        } else {
                            console.log('unselect all');
                        }
                    },
                }),

However when indeterminate change in the callback the property of the componentt is not updated. Is it normal? How can I update the property of component render with flexRender?
Was this page helpful?