DevTools extension is buggy with constant animations
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?
- Ensure the DevTools extension assets are built. Run
melos devtools-build. - Run the
examples/app, and open the Rogue Shooter game. - 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):

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: 981bb343c3cfb29644817ed2824af0385d74f148
Are you interested in working on a PR for this?
- [ ] I want to work on this
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:
@erickzanardo we probably shouldn't try to render every type of component? I guess that is where the gray box comes from.
@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?