DevTools extension is buggy with constant animations

[kenzieschmoll]

What happened?

Notice the constantly growing list that does not take up the entire vertical space of the left hand side and the gray image on the right hand side after selecting a component.

What do you expect?

I expected the list of components to be usable and the details view to appear as expected.

How can we reproduce this?

1. Ensure the DevTools extension assets are built. Run melos devtools-build.
2. Run the examples/ app, and open the Rogue Shooter game.
3. Open DevTools and switch to the Flame tab.

What steps should take to fix this?

No response

Do have an example of where the bug occurs?

No response

Relevant log output

Exception (minified, so you'll need to repro in debug mode to get a useful stack trace):

![Screenshot 2024-08-27 at 3 10 59 PM](https://github.com/user-attachments/assets/4b23d4dc-0300-4d35-aa03-7953723249e8)

Execute in a terminal and put output into the code block below

Output of: flutter --version

Flutter 3.24.1 • channel stable • [email protected]:flutter/flutter.git
Framework • revision 5874a72aa4 (7 days ago) • 2024-08-20 16:46:00 -0500
Engine • revision c9b9d5780d
Tools • Dart 3.5.1 • DevTools 2.37.2

Affected platforms

All

Other information

This happened from the tip of the main branch: 981bb34

Are you interested in working on a PR for this?

• I want to work on this

[kenzieschmoll]

The gray box issue reproduces on the PadRacing game as well. I just clicked around through the components to reproduce. In this screenshot I have selected the main PadRacingGame component:

[spydon]

@erickzanardo we probably shouldn't try to render every type of component? I guess that is where the gray box comes from.

[erickzanardo]

@kenzieschmoll do you remember if the gray box happened only when the game component were selected? Or did it happened with other types as well?