@tanstack/react-table-devtools/dist/useTanStackTableDevtools.js

React devtools for TanStack Table.

'use client';

import { useEffect, useState } from "react";
import { createTableDevtoolsRegistrationManager } from "@tanstack/table-devtools";

//#region src/useTanStackTableDevtools.ts
function useTanStackTableDevtools(table, options) {
	const enabled = options?.enabled ?? true;
	const [registration] = useState(createTableDevtoolsRegistrationManager);
	useEffect(() => {
		return () => registration.dispose();
	}, [registration]);
	useEffect(() => {
		registration.update(table, enabled);
	}, [
		enabled,
		registration,
		table,
		table?.options.key
	]);
}
function useTanStackTableDevtoolsNoOp(_table, _options) {}

//#endregion
export { useTanStackTableDevtools, useTanStackTableDevtoolsNoOp };