Adding it with Gutenberg editor produces <br > tags or doesn't render as code at all

[emign]

When you copy paste the code from this playground: https://pl.kotl.in/UGiitXzhY into the shortcode-block from the Gutenberg editor, it will either produce something like this:

or like this:

The code inside the WP-editor looks the same: