Having issue while creating D3.js charts as React components

Question

I am very new to React, but I was trying to use React and D3.js for a data visualization web dashboard. I wanted to create D3.js charts as reusable React components. I was trying with this connected scatter plot from https://d3-graph-gallery.com/graph/connectedscatter_basic.html and I want to make this as a react component, so that if the data changes, the graph should automatically render to fit the latest data. However, I am not how to display the graph as a react component. My full code can be viewed from this https://vizhub.com/adib0073/0da4638c5962435a843e53b7dd58d7fb?edit=files.