Custom Component not working with Ant Design

I’m trying to code a custom component to implement a TreeSelect from antdesign .

I have tried to get it working, but it seems retool does not like antd? I can’t get a button working.

The code works in a html codesandbox

Which is pretty much the same I have in the custom component in retool. Am I missing something?

    <script src="" crossorigin></script>
<script src="" 
<link rel="stylesheet" href=""></script>

<script src=""></script>

<div id="react"></div>
    <script type="text/babel">
      const { TreeSelect } = window.antd;
      const { TreeNode } = TreeSelect;
      let myState = { value: undefined };

      const onChange = (value) => {
        myState = { value };
        console.log("mystate", myState);
      const MyCustomComponent = () => (
            style={{ width: "100%" }}
            dropdownStyle={{ maxHeight: 400, overflow: "auto" }}
            placeholder="Please select"
            <TreeNode value="Carpinteria" title="Carpinteria">
              <TreeNode value="Beni" title="Beni" />
              <TreeNode value="Miguel" title="Miguel" />

  const ConnectedComponent = Retool.connectReactComponent(MyCustomComponent);
  ReactDOM.render(<ConnectedComponent />, document.getElementById("react"));

josefran & I worked through this via chat support!

The antd components functioned correctly after changing the imported react & react dom libraries to the most recent React versions:

<script src=""></script>

<script src=""></script>

The Retool hosted CDN's need to be updated! (will reply in this thread when they've been updated 🤠)