ObjectPageSection: issues with styling and selection of dynamically added section

[makap0120]

Describe the bug
It's impossible to selected dynamically added ObjectPageSection. On navigation to newly added section attemp, previously selected section remains selected and following console error appears (see Screenshots section).

After addition of new ObjectPageSection keep having inline margin-bottom styling what pushes new section to container bottom when all initial sections are next to each other.

Isolated Example
https://codesandbox.io/s/ui5-op-object-page-sections-5s6pz?file=/src/App.js

To Reproduce
Steps to reproduce the behavior:

1. Go to https://codesandbox.io/s/ui5-op-object-page-sections-5s6pz?file=/src/App.js
2. When embedded browser loads click on 'Add section' button at page top.
3. Click section title (tab header) for newly added section.
4. See error

Expected behavior
Scroll down to selected section.

Screenshots
console error after navigation/selected attemp of dynamically added section -

UI5 Web Components for React Information
@ui5/webcomponents version: 1.0.0-rc.7
@ui5/webcomponents-react version: 0.9.11
Operating System: Windows 10 Enterprise 64bit (10.0, Build 186363)
Browser: Google Chrome - Version 83.0.4103.116 (Official Build) (64-bit)

Additional context
Add any other context about the problem here.

[makap0120]

updated sandbox, (prev. code was changed by during lookup for workaround) now it's viewing properly reproduced issue.