'use client';
import tableDataDevelopment from 'variables/data-tables/tableDataDevelopment';
import tableDataCheck from 'variables/data-tables/tableDataCheck';
import CheckTable from 'components/admin/data-tables/CheckTable';
import tableDataColumns from 'variables/data-tables/tableDataColumns';
import tableDataComplex from 'variables/data-tables/tableDataComplex';
import DevelopmentTable from 'components/admin/data-tables/DevelopmentTable';
import ColumnsTable from 'components/admin/data-tables/ColumnsTable';
import ComplexTable from 'components/admin/data-tables/ComplexTable';

const Tables = () => {
return (
<div>
<div className="mt-5 grid h-full grid-cols-1 gap-5 md:grid-cols-2">
<DevelopmentTable tableData={tableDataDevelopment} />
<CheckTable tableData={tableDataCheck} />
</div>

<div className="mt-5 grid h-full grid-cols-1 gap-5 md:grid-cols-2">
<ColumnsTable tableData={tableDataColumns} />

<ComplexTable tableData={tableDataComplex} />
</div>
</div>
);
};

export default Tables; i am using app directory when building the application i am getting this error Error occurred prerendering page "/admin/data-tables". Read more: https://nextjs.org/docs/messages/prerender-error
ReferenceError: location is not defined