Query: Can this be used with ReactJS?

I tried to use the import , which seems to work but i am having difficulty displaying the data

I tried to use the following in componentDidMount()

const data = [
      ['Inquiries', 5000],
      ['Applicants', 2500],
      ['Admits', 500],
      ['Deposits', 200],
  ];
  const options = {
      block: {
          dynamicHeight: true,
          minHeight: 15,
      },
  };

  const chart = new D3Funnel('#funnel');
  chart.draw(data, options);

But no luck, is not working. Is this have to be defined solely inside <scripts> tag?

[lucaskeller]

I used refs:

  constructor(props) {
    super(props)
    this.funnelRef = React.createRef()
  }

<div ref={this.funnelRef} id="funnel" style={{ height: 400 }} />

const chart = new D3Funnel(this.funnelRef.current)
chart.draw(data, options)

[15520528]

I used refs:

  constructor(props) {
    super(props)
    this.funnelRef = React.createRef()
  }

<div ref={this.funnelRef} id="funnel" style={{ height: 400 }} />

const chart = new D3Funnel(this.funnelRef.current)
chart.draw(data, options)
tks you