How to make optimistic update using solidjs?

import { createSignal } from "solid-js";

// Simulated asynchronous function to update data on the server
function updateDataOnServer(newData) {
  return new Promise((resolve) => {
    setTimeout(() => {
      // Simulating server response
      resolve(newData);
    }, 1000); // Simulating network delay
  });
}

function App() {

  const [data, setData] = createSignal("");

  const handleUpdate = async () => {

  };

  return (
    <div>
      <input
        type="text"
      />
      <button onClick={handleUpdate}>Update Data</button>
      <div>
        <h1>{data() || "No Data"}</h1>
      </div>
    </div>
  );
}

export default App;