edit.js

const { Component } = wp.element;
const { ServerSideRender } = wp.components;
const { BlockControls, InnerBlocks } = wp.blockEditor;

import LivePreviewButton from '../../components/live-preview-button';

class EditComponent extends Component {

	constructor(props) {
		super(props);
		this.state = { preview: false }
	}

	render() {
		const { attributes, clientId, name } = this.props;
		return (
			<>
				<BlockControls>
					<LivePreviewButton
						clientId={ clientId }
						onChange={ preview => this.setState( { preview } ) }
					/>
				</BlockControls>
			{ this.state.preview ? (
				<div>
					<ServerSideRender
						block={ name} 
						attributes={ attributes }
					/>
				</div>
			) : (
				<>
					<InnerBlocks/>
				</>
			)}
			</>
		)
	}
}