이걸 사용하려 하는데
https://developers-dot-devsite-v2-prod.appspot.com/chart/interactive/docs/quick_start
문제는 리액트가 외부 스크립트를 지원하지 않아가지고 별 지랄을 다 떨어서 react-helmet 으로 로드하는것 까진 성공했는데
사진과 같이 그냥 작성이 불가합니다.
1. 왜 그냥 사용할 순 없나요?
2. 저 url 에 있는 내용과 완전같이 작성해도 작동되는 환경을 만들어주는 방식이 있을까요?(ex react-helmet: 하지만 실패)

<Helmet> <script src="https://www.gstatic.com/charts/loader.js" type="text/javascript" /> <script type="text/javascript">{` google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart); function drawChart() {
var data = new google.visualization.DataTable(); data.addColumn('string', 'Topping'); data.addColumn('number', 'Slices'); data.addRows([ ['Mushrooms', 3], ['Onions', 1], ['Olives', 1], ['Zucchini', 1], ['Pepperoni', 2] ]); var options = {'title':'How Much Pizza I Ate Last Night', 'width':400, 'height':300};
var chart = new google.visualization.PieChart(document.getElementById('chart_div')); chart.draw(data, options); }`} </script> </Helmet> <div id="chart_div"></div> </div>
google.charts.setOnLoadCallback(drawChart); function drawChart() {
var data = new google.visualization.DataTable(); data.addColumn('string', 'Topping'); data.addColumn('number', 'Slices'); data.addRows([ ['Mushrooms', 3], ['Onions', 1], ['Olives', 1], ['Zucchini', 1], ['Pepperoni', 2] ]); var options = {'title':'How Much Pizza I Ate Last Night', 'width':400, 'height':300};
var chart = new google.visualization.PieChart(document.getElementById('chart_div')); chart.draw(data, options); }`} </script> </Helmet> <div id="chart_div"></div> </div>