ServerSideRender: Some attribute updates are not reflected immediately

[t-hamano]

Description

Related issues:

• Calendar block text color and background color is not change immediately when we try to change it from block settings. #64739
• Latest Comments : Line Height is not reflecting in editor #61890
• Latest Comment block having issue with typography in editor side. #68876
• Calendar Block Color options are not working properly #61346
• Latest Comments text color issue. #66536

In dynamic blocks using the ServerSideRender component, changes to attributes such as block supports should cause the component to be re-rendered.

However, it seems that some block supports are not reflected immediately and require a browser reload.

We still don't know the root cause, but this comment might be the closest to the answer.

Step-by-step reproduction instructions

Below are the test steps for the Calendar block.

• Add Calendar Block
• Change the text colour & background colour
• Now you can not see any changes on the editor side but when we preview we can see the changes in frontend
• On Refresh the page now we can see the changes in the editor

Screenshots, screen recording, code snippet

No response

Environment info

No response

Please confirm that you have searched existing issues in the repo.

• Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• Yes

Please confirm which theme type you used for testing.

• Block
• Classic
• Hybrid (e.g. classic with theme.json)
• Not sure

[yogeshbhutkar]

I tried investigating the issue and found that it arises because the debounced function call gets canceled as the debounce function changes/re-creates due to the props getting changed. I've created a PR above to fix this and added an explanation for the fix.