serverSideRender does not render “preview” html inside Gutenberg block

by

Ok, after spending the whole day searching and reading I found the solution. It seems that ServerSideRender should be de-structured from wp.components and NOT from wp.serverSideRender

After replacing

const { serverSiderRender: ServerSideRender }   = wp.serverSideRender;

with

const { ServerSideRender } = wp.components;

And

// <serverSideRender
<ServerSideRender 
    block="gutenberg-examples/example-dynamic"
    attributes={ props.attributes }
/>

All works fine now

enter image description here

Hope this helps someone. Thanks