fix: memo download

Author: dadamssg

package.json

@@ -27,5 +27,9 @@
     "typescript": "^4.9.3",
     "vite": "^4.2.0",
     "vite-plugin-dts": "^2.2.0"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
   }
 }

src/App.tsx

@@ -7,7 +7,7 @@ const data = [
 
 function App() {
   const excel = useExcelJS({
-    filename: ".xlsx",
+    filename: "report.xlsx",
     intercept: (workbook) => {
       workbook.getWorksheet("Sheet 1").getColumn("id").fill = {
         type: "pattern",

src/react-use-exceljs.ts

@@ -1,5 +1,6 @@
 import { type Workbook, type Worksheet } from "exceljs"
 import { saveAs } from "file-saver"
+import React from "react"
 
 type Sheet = { name: string; columns: Worksheet["columns"] }
 type InterceptFn = (workbook: Workbook) => Workbook | void
@@ -18,20 +19,23 @@ export default function useExcelJS<T extends Array<Sheet>>({
   type Data = Array<any> | Record<WorksheetName, Array<any>>
 
   return {
-    download: async (data: Data) => {
-      const ExcelJS = await import("exceljs")
-      let workbook = new ExcelJS.Workbook()
-      for (const worksheet of worksheets) {
-        const sheet = workbook.addWorksheet(worksheet.name)
-        sheet.columns = worksheet.columns
-        const rows = (Array.isArray(data) ? data : data[worksheet.name as WorksheetName]) ?? []
-        sheet.addRows(rows)
-      }
-      workbook = intercept ? intercept(workbook) ?? workbook : workbook
-      const buffer = await workbook.xlsx.writeBuffer()
-      const fileType = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-      const blob = new Blob([buffer], { type: fileType })
-      saveAs(blob, filename ?? "workbook.xlsx")
-    },
+    download: React.useCallback(
+      async (data: Data) => {
+        const ExcelJS = await import("exceljs")
+        let workbook = new ExcelJS.Workbook()
+        for (const worksheet of worksheets) {
+          const sheet = workbook.addWorksheet(worksheet.name)
+          sheet.columns = worksheet.columns
+          const rows = (Array.isArray(data) ? data : data[worksheet.name as WorksheetName]) ?? []
+          sheet.addRows(rows)
+        }
+        workbook = intercept ? intercept(workbook) ?? workbook : workbook
+        const buffer = await workbook.xlsx.writeBuffer()
+        const fileType = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+        const blob = new Blob([buffer], { type: fileType })
+        saveAs(blob, filename ?? "workbook.xlsx")
+      },
+      [filename, worksheets, intercept]
+    ),
   }
 }