Test with multiple useState implementations

MultipleStatesComponent.js

import React, { useState } from "react";

export default function MultipleStatesComponent() {
  const [dataLength, setDataLength] = useState(0);
  const [loading, setLoading] = useState(false);
  const [text, setText] = useState("");

  const handleButtonOne = () => {
    setDataLength(10);
  };

  const handleButtonTwo = () => {
    setLoading(true);
    setText("text set by button");
  };

  return (
    <div>
      <h1>Set states with buttons</h1>
      <button onClick={handleButtonOne}> Set length </button>
      <button onClick={handleButtonTwo}> Click to set values </button>
    </div>
  );
}