MediaUpload: Hidden Button Element Is Created When Block Rendered

[Copons]

Describe the bug

Whenever the Site Logo is rendered, a <button type="button" class="browser" style="display: none;"></button> element is added to the DOM, right before </body>.

cc @scruffian

To reproduce
Steps to reproduce the behavior:

1. Create a new post, and open the browser's inspection tool; scroll to the bottom to observe what happens near </body>.
2. Insert a Site Logo block.
3. Look at the browser's inspection tool: you'll see a new hidden button element added to the DOM right before </body>.

This happens whenever the Site Logo block is rendered, for example, try inserting the block and switch to code editor and back to visual (which renders the block again).
In some cases it only creates 1 button, but usually 2 of them.

Expected behavior

I didn't expect to see a hidden button added to the DOM. 😅

Screenshots

The browser's element inspection tool, after adding a few Site Logo blocks to the editor.

Editor version (please complete the following information):

• Gutenberg plugin on master (9518819)

Desktop:

• OS: MacOS 10.15.17
• Browser: Chrome
• Version: 86

[ntsekouras]

After debugging I found out that these buttons are created from core here: https://github.com/WordPress/WordPress/blob/972c42288a1078d691a1f47239ae26fdd3117ad1/wp-includes/js/media-views.js#L5020

This affects all blocks/components that use the MediaUpload component, like `Image, Cover etc... The created buttons seem to be important for the upload process (I deleted them in dom and it wasn't working) but I didn't go any deeper.

I'm not sure if there is a bug here... Probably someone could look why and prevent creating these blocks in every render.
You can test it just by opening the Page/Post Setting in Inspector Controls, which load the component for the featured image.

[Mamaduka]

I think this is a duplicate of #9184.