search

codesuki / react-d3-components

D3 Components for React
http://codesuki.github.io/react-d3-components/example.html
MIT License
1.63k stars 206 forks source link

Integrating D3 into a Vite-TS Project #180

Open AndrewTran03 opened 4 months ago

AndrewTran03 commented 4 months ago 
Uncaught TypeError: Cannot read properties of undefined (reading 'document')
    at react-d3-components.js?v=826b55c8:1102:30
    at node_modules/react-d3-components/node_modules/d3/d3.js (react-d3-components.js?v=826b55c8:11487:6)
    at __require (chunk-UV5CTPV7.js?v=826b55c8:9:50)
    at node_modules/react-d3-components/lib/DefaultPropsMixin.js (react-d3-components.js?v=826b55c8:11500:14)
    at __require (chunk-UV5CTPV7.js?v=826b55c8:9:50)
    at node_modules/react-d3-components/lib/BarChart.js (react-d3-components.js?v=826b55c8:12034:30)
    at __require (chunk-UV5CTPV7.js?v=826b55c8:9:50)
    at node_modules/react-d3-components/lib/index.js (react-d3-components.js?v=826b55c8:13656:21)
    at __require (chunk-UV5CTPV7.js?v=826b55c8:9:50)
    at react-d3-components.js?v=826b55c8:13713:16
import { useState, useEffect } from "react";
import ReactD3 from "react-d3-components";

const BarChart =  ReactD3.BarChart;

type Props = {};

const QuizStatistics: React.FC<Props> = (props) => {
  const [name, setName] = useState("");

  return <>
  </>;
};

export default QuizStatistics;

How would I use modern import syntax for React^18.2? I keep getting an undefined error.