App.tsx
import { QuillProvider, useQuill } from "@quillsql/react";

function CustomComponent() {
	// pass in any report created in the Quill Portal
	const { downloadCSV } = useExport(QUILL_ID);
	return <button onClick={downloadCSV}>Save</button>;
}

function App() {
	return (
		<QuillProvider organizationId={organizationId} publicKey={process.env.QUILL_API_KEY}>
			<CustomComponent />
		</QuillProvider>
	);
}

Make sure QuillProvider is a parent of the component using the useExport hook.

reportId
string
required

The id of the report you created in the Quill Portal.

Don’t have an id yet? Learn how to create a chart in the Quill portal to get started.

useQuilluseFormat