Using esm modules with react in custom component

App Building
1

I try to import an esm module in combination with react.

to use esm module with native javascript in custom component is easy. Just add the type "module" to your script tag.

<script type="module">
  import { parsePath, JSONEditor, renderJSONSchemaEnum, renderValue, EnumValue } from 'https://cdn.jsdelivr.net/npm/vanilla-jsoneditor@0.17.4/index.min.js'
  import { findEnum } from 'https://cdn.jsdelivr.net/npm/svelte-jsoneditor@0.17.4/utils/jsonSchemaUtils.js'
  import ajv from 'https://cdn.jsdelivr.net/npm/ajv@8.12.0/+esm'

But to get react working we need the "text/babel" type. This will become a conflict.
Since the version v7.10.0 of babel-standalone the attribute data-type="module" was introduced.

So i try to insert the new babel version to the includes like this:
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
and open the script tag like this:
<script type="text/babel" data-type="module">

In the custom-component context the babel lib was successful updated.
But it dont work.