complete installation reports page

src/components/installation-reports/index.tsx

@@ -1,6 +1,6 @@
 import { installationReportsCol } from "../../utility/reports"
 import { Table } from "../common/table"
-import { useState } from "react"
+import { useEffect, useState } from "react"
 import { SortingState } from "@tanstack/react-table"
 import { useQuery } from "@tanstack/react-query"
 import { getRegisterDeviceList } from "../../services/api/register-device"
@@ -12,8 +12,12 @@ export const InstallationReports = () => {
         queryFn: getRegisterDeviceList
     })
 
+    useEffect(() => {
+        console.log("data =>", data)
+    }, [data])
+
     if (isLoading) return <p>LODING .....</p>
     return (
-        <Table columns={installationReportsCol} data={data?.data} sorting={sorting} setSorting={setSorting} />
+        <Table columns={installationReportsCol} data={data?.data?.data} sorting={sorting} setSorting={setSorting} />
     )
 }