How to use Dynamic Terrain with React?

Questions
1

I am trying to use Dynamic Terrain with React but unfortunately, I am stuck at this error:

| var terrain = new DynamicTerrain("t", params, scene);

> ReferenceError: DynamicTerrain is not defined
>     at BabylonScene._this.generateTerrain (https://4zb8j.csb.app/src/Template.js:350:21)
> 
>     at BabylonScene._this.componentDidMount (https://4zb8j.csb.app/src/Template.js:146:24)

I am usiong react so I have included Dynamic Terrain extension in Head

<!DOCTYPE html>
<html lang="en">
  <head>
 
    <!--Physics & Loader-->
    <script src="https://preview.babylonjs.com/ammo.js"></script>
    <script src="https://preview.babylonjs.com/cannon.js"></script>
    <script src="https://preview.babylonjs.com/earcut.min.js"></script>
    <script src="https://preview.babylonjs.com/loaders/babylonjs.loaders.js"></script>
    <script src="https://cdn.rawgit.com/BabylonJS/Extensions/master/DynamicTerrain/dist/babylon.dynamicTerrain.min.js"></script>

    <title>React App</title>
  </head>

  <body>
    <noscript>
      You need to enable JavaScript to run this app.
    </noscript>
    <div id="root"></div>
  </body>
</html>

I also tried loading in componentDidMount but I get the same error

var s = document.createElement("script");

document.head.appendChild(s);
// wait for dynamic terrain extension to be loaded
s.onload = this.generateTerrain();
s.src =
  "https://cdn.rawgit.com/BabylonJS/Extensions/master/DynamicTerrain/dist/babylon.dynamicTerrain.min.js";

Is there any solution to this or is there any npm package I can use with es6 ?

2

Pinging @jerome who is the creator of the Dynamic Terrain

3

I think it’s the same issue than the one discussed here : Need help with including Dynamic Terrain extension. TypeError DynamicTerrain is not a constructor

No npm module planned (from me) for now as I don’t know how to do this. Any contributor welcome :wink: