JSFiddle - React, Tailwind, and code Playground

HTML

<button id="myButton" class="toggleStatus" data-X10="C5">

JavaScript

// jQuery craps all over your case
console.log($('#myButton').data("x10"));

// you can just use attr and your case is preserved
console.log($('#myButton').attr("data-X10"));