Canvas overlay doesn't update after resize

[Janpot]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Steps:

1. select an element in the canvas
2. resize the canvas

Current behavior 😯

Screen.Recording.2023-11-03.at.18.32.39.mov

The canvas overlay doesn't update

Expected behavior 🤔

It should update the size of the node hud.

Context 🔦

No response

Your environment 🌎

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

[Janpot]

I bissected the commits on master and the issue seems to have been introduced in #2760

A quick test suggests the following could solve the issue

diff --git a/packages/toolpad-app/src/canvas/index.tsx b/packages/toolpad-app/src/canvas/index.tsx
index 7763af531..d3c43bb1b 100644
--- a/packages/toolpad-app/src/canvas/index.tsx
+++ b/packages/toolpad-app/src/canvas/index.tsx
@@ -65,14 +65,6 @@ export default function AppCanvas({
     };
   }, []);
 
-  React.useEffect(
-    () => () => {
-      appRootCleanupRef.current?.();
-      appRootCleanupRef.current = undefined;
-    },
-    [],
-  );
-
   // Notify host after every render
   React.useEffect(() => {
     if (appRootRef.current) {

[apedroferreira]

I had a fix here #2818, but I guess your suggestion is probably better, I hadn't realized this was a recent regression.