Form hooks not returning when specifying custom component in actions

export const CustomPreviewButton: React.FC = () => {
	const form = useForm();
	console.log('1');
	console.log(JSON.stringify(form, null, 2));
	const { collection } = useDocumentInfo();
	console.log('z');
	console.log(JSON.stringify(collection, null, 2));
	const publish = async () => {
		console.log('a');
	};

	return (
			<Button onClick={publish}>Publish to Preview</Button>
	);
};

const Documents: CollectionConfig = {
	slug: 'documents',
	...collectionAuditFields,
	admin: {
		group: 'Global',
		useAsTitle: 'identifier',
		defaultColumns: ['identifier', 'slug'],
		hidden: isCollectionVisibleForRoles(['owner', 'admin', 'documentEditor']),
		components: {
			views: {
				Edit: {
					Default: {
						actions: [CustomPreviewButton]
					}
				}
			}
		}
	},