I am attempting to utilize an old library with React/Typescript to make a Sphere Word Cloud as seen [here](https://www.goat1000.com/tagcanvas.php).

This is what I've done thus far.

1. Create a path node\_modules/tagcanvas/dist/tagcanvas.js with this [file](https://www.goat1000.com/tagcanvas.js).
2. Follow the installation [instructions](https://www.goat1000.com/tagcanvas-install.php).
3. With the following code, we enter the catch block and myCanvasContainer element.style.display becomes none which means TagCanvas.Start fails to instantiate in the try block.
4. When I log TagCanvas, it's an empty object.

I've tried different ways of importing TagCanvas. ex. import \* as TagCanvas

```
import * as React from 'react';
import TagCanvas from 'tagcanvas/dist/tagcanvas';

const Test: React.FC = () => {
  console.log('tagCanvas', TagCanvas)
  React.useEffect(() => {
    try {
      TagCanvas.Start('myCanvas');
    } catch(e) {
      // something went wrong, hide the canvas container
      document.getElementById('myCanvasContainer').style.display = 'none';
    }
  });

  return (
    <div>
      <div id="myCanvasContainer">
        <canvas width="300" height="300" id="myCanvas">
          <p>Anything in here will be replaced on browsers that support the canvas element</p>
          <ul>
            <li><a href="http://www.google.com" target="_blank">Google</a></li>
            <li><a href="/fish">Fish</a></li>
            <li><a href="/chips">Chips</a></li>
            <li><a href="/salt">Salt</a></li>
            <li><a href="/vinegar">Vinegar</a></li>
          </ul>
        </canvas>
      </div>
    </div>
  );
};

```