React bootstrap PanelGroup accordion header disappear on click.

[uuuchit]

Using preact and preact-compat to a react app where react bootstrap was working fine. When switched to preact, panelgroup accordin started showing bug. When we click on panel header/heading it disappears and further toggle is not possible though panel body works fine.
there were other error regarding refs in preact@8.2.* .. so i switched back to preact@8.1.0 but above error is still there.
I think this may be due to preact-compat.
I have reproduced error in a git repo.
https://github.com/uuuchit/panel/blob/master/app/components/About.js

[developit]

Likely due to events firing within a render.