\n
\n {this.props.render({\n renderChart: this.renderChart,\n renderControl: this.renderControl,\n renderToolbar: this.renderToolBar,\n })}\n
\n {this.renderControl(({ controlProp }) => {\n return controlProp.controlPosition !== \"bottom\";\n })}\n {this.renderChart()}\n {this.renderControl(({ controlProp }) => {\n return controlProp.controlPosition === \"bottom\";\n })}\n {this.renderToolBar()}\n
\n );\n }\n }\n}\n","import * as React from \"react\";\n\nimport {\n GoogleViz,\n ReactGoogleChartProps,\n ReactGoogleChartState,\n} from \"./types\";\nimport { LoadGoogleCharts } from \"./hooks\";\nimport { chartDefaultProps } from \"./default-props\";\nimport { GoogleChart } from \"./components/GoogleChart\";\nimport { ContextProvider } from \"./Context\";\n\nexport class Chart extends React.Component<\n ReactGoogleChartProps,\n ReactGoogleChartState\n> {\n _isMounted = false;\n\n state = {\n loadingStatus: \"loading\" as ReactGoogleChartState[\"loadingStatus\"],\n google: null as ReactGoogleChartState[\"google\"],\n };\n\n static defaultProps = chartDefaultProps;\n\n render() {\n const {\n chartLanguage,\n chartPackages,\n chartVersion,\n mapsApiKey,\n loader,\n errorElement,\n } = this.props;\n return (\n