JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdn.plot.ly/plotly-2.16.2.min.js"></script>
<div id="button">Click me</div>
<div id="myDiv"></div>
JavaScript
var data = [{z: [[1, 2, 3, 4], [5, 6, 7, 8]], colorscale: 'Jet', type: 'heatmap'}];
Plotly.newPlot('myDiv', data, {}, {});
document.getElementById("button").onclick = () => {
data[0]["z"] = [[1, 1, 2, 1], [2, 1, 1, 1]];
console.log(data);
Plotly.react('myDiv', data, {}, {});
};