text: Title: html.Script not rendering the javascript code
  Body: Hi,
  I'm trying to run a javascript code wrapped in `html.Script`. But it's not rendering the JS code.
  
  ```
  recharts_js = """
  const { BarChart, Bar, XAxis, YAxis, Tooltip, Legend, CartesianGrid, ResponsiveContainer } = Recharts;
  
  const data = [
    { dmu: "dmu1", "Efficiency score": 100, Status: "Efficient" },
    { dmu: "dmu2", "Efficiency score": 78, Status: "InEfficient" },
    { dmu: "dmu3", "Efficiency score": 100, Status: "Efficient" },
    { dmu: "dmu4", "Efficiency score": 100, Status: "Efficient" },
    { dmu: "dmu5", "Efficiency score": 89, Status: "InEfficient" },
    { dmu: "dmu6", "Efficiency score": 95, Status: "InEfficient" },
  ];
  
  class CustomBarChart extends React.Component {
    render() {
      return (
        <Recharts.BarChart
          width={600}
          height={400}
          data={data}
          margin={{ top: 20, right: 30, left: 20, bottom: 5 }}
        >
          <Recharts.CartesianGrid strokeDasharray="3 3" />
          <Recharts.XAxis dataKey="dmu" />
          <Recharts.YAxis />
          <Recharts.Tooltip />
          <Recharts.Legend
            payload={[
              { value: "Efficient", type: "square", id: "ID01", color: "#FFA500" }, // Orange for Efficient
              { value: "InEfficient", type: "square", id: "ID02", color: "#32CD32" }, // Green for InEfficient
            ]}
          />
          <Recharts.Bar dataKey="Efficiency score">
            {data.map((entry, index) => (
              <Recharts.Cell
                key={`cell-${index}`}
                fill={entry.Status === "Efficient" ? "#FFA500" : "#32CD32"}
              />
            ))}
          </Recharts.Bar>
        </Recharts.BarChart>
      );
    }
  }
  
  ReactDOM.render(<CustomBarChart />, document.getElementById('recharts-container'));
  """
  
  html.Div(
      [
          html.Script(children=recharts_js),
      ],
  )
  ```