useExcelExportTask

"use client";

import { useExcelExportTask } from "react-xel/ui";

export default function Example() {
  const { runExport, state, progress, error } = useExcelExportTask();

  return (
    <div>
      <button
        onClick={() =>
          runExport({
            fileName: "task.xlsx",
            rows: [{ id: 1, name: "Ada" }]
          })
        }
      >
        Export
      </button>
      <p>State: {state}</p>
      <p>Progress: {progress}%</p>
      {error ? <p>Error: {error}</p> : null}
    </div>
  );
}