fix type isssues

src/app/(frontend)/actions/submitWhatsapp.ts

@@ -25,6 +25,7 @@ export const submitWhatsapp = async (input: WhatsAppFormInput) => {
       collection: 'subscription',
       data: {
         contact: contact.id,
+        consent: 2,
         comment,
       },
       req: { transactionID },

src/collections/Consent.ts

@@ -13,7 +13,7 @@ export const Consent: CollectionConfig = {
   fields: [
     {
       name: 'text',
-      type: 'text',
+      type: 'richText',
       label: 'Texto',
       required: true,
     },

src/components/PetitionForm.tsx

@@ -22,6 +22,7 @@ import { PhoneInput } from './PhoneInput'
 import { StateSelect } from './StateSelect'
 import { CitySelect } from './CitySelect'
 import { PostalCodeInput } from './PostalCodeInput'
+import { convertLexicalToHTML } from '@payloadcms/richtext-lexical/html'
 
 interface PetitionFormProps {
   id: string
@@ -105,7 +106,11 @@ export const PetitionForm = ({ id, petition }: PetitionFormProps) => {
             </Field>
             <Field>
               {typeof petition.form.consent !== 'number' ? (
-                <FieldDescription>{petition.form.consent.text}</FieldDescription>
+                <FieldDescription
+                  dangerouslySetInnerHTML={{
+                    __html: convertLexicalToHTML({ data: petition.form.consent.text }),
+                  }}
+                />
               ) : null}
               {methods.formState.errors.root?.message ? (
                 <FieldDescription className="text-destructive">

src/payload-types.ts

@@ -229,7 +229,21 @@ export interface Petition {
  */
 export interface Consent {
   id: number;
-  text: string;
+  text: {
+    root: {
+      type: string;
+      children: {
+        type: any;
+        version: number;
+        [k: string]: unknown;
+      }[];
+      direction: ('ltr' | 'rtl') | null;
+      format: 'left' | 'start' | 'center' | 'right' | 'end' | 'justify' | '';
+      indent: number;
+      version: number;
+    };
+    [k: string]: unknown;
+  };
   updatedAt: string;
   createdAt: string;
 }