Build JSX Gutenberg Blocks without Webpack

JSX-Gutenberg-Blocks-without-Webpack.php

<?php 
function my_custom_gutenberg_block_enqueue_scripts(){

	// Required thing to build Gutenberg Blocks
	$required_js_files = array(
		'wp-blocks',
		'wp-i18n',
		'wp-element',
		'wp-editor'
	);

	// Add React files - you may wish to save and move these directly into your plugin if you'd rather not load from a CDN
	wp_enqueue_script( 'react', 'https://unpkg.com/react@16/umd/react.development.js', $required_js_files );
	$required_js_files[] = 'react';

	// Add React DOM
	wp_enqueue_script( 'react-dom', 'https://unpkg.com/react-dom@16/umd/react-dom.development.js', $required_js_files );
	$required_js_files[] = 'react-dom';

	// Add Babel file
	wp_enqueue_script( 'babel', 'https://unpkg.com/babel-standalone@6/babel.min.js', $required_js_files );
	$required_js_files[] = 'babel';

	// Your Gutenberg Block JSX code
	wp_enqueue_script( 'my_custom_gutenberg_block_gutenberg_js', plugin_dir_url( __FILE__ ) . 'assets/js/my-custom-gutenberg-jsx.js', $required_js_files );

}
add_action( 'admin_enqueue_scripts', 'my_custom_gutenberg_block_enqueue_scripts' );

function my_custom_gutenberg_block_gutenberg_modify_jsx_tag( $tag, $handle, $src ) {

	// Convert our custom block file to be recognized as a JSX file
	if ( 'my_custom_gutenberg_block_gutenberg_js' == $handle ) {
		$tag = str_replace( "<script type='text/javascript'", "<script type='text/babel'", $tag );
	}

	return $tag;
}
add_filter( 'script_loader_tag', 'my_custom_gutenberg_block_gutenberg_modify_jsx_tag', 10, 3 );

hi,
error
Uncaught SyntaxError: Unexpected token '<'