Dynamic Content and the modals manager

[mohammad-reza-rahbar]

I am using React Router action and useFetcher with Mantine Modals manager. The problem is I want to change the state of the submit button inside the modal to loading state, but as mentioned here, I should either use internal component state or the modal component instead of modals manager. My question is how can I use internal component state? Could you please give me an example?

[rtivital]

Use Modal component instead of modals manager

[mohammad-reza-rahbar]

I am aware of that. But the good thing about modals is that I can close it inside action. But for now, I don't know a clean way to close the Modal component after a successful action.

[rtivital]

Modal opened state is controlled by boolean value in opened prop, you can change it via useState hook

[bbuck]

Can you not handle dynamic content within a modal via tools like Zustand/redux and a custom Context modal component?