Admin Condition seems to be broken

gujral1997 commented 2 months ago

Link to reproduction

No response

Environment Info

Payload: 3.0.0-beta.78
Next.js: ^15.0.0-rc.0
Node.js: v20.9.0

Describe the Bug

I use admin.condition to render UI for questions and answers. But the condition sometimes, works and sometimes doesn't (on dev). On prod, it's not working at all. It's happening for both questions and options. Below is the collection:

   {
          label: 'Questions',
          fields: [
            {
              name: 'questions',
              type: 'array',
              minRows: 6,
              fields: [
                {
                  name: 'question',
                  type: 'group',
                  fields: [
                    {
                      name: 'contentType',
                      type: 'radio',
                      options: [
                        {
                          label: 'Text',
                          value: 'text',
                        },
                        {
                          label: 'Media',
                          value: 'media',
                        },
                        {
                          label: 'Text & Media',
                          value: 'text-media',
                        },
                      ],
                      required: true,
                    },
                    {
                      name: 'text',
                      type: 'richText',
                      required: false,
                      admin: {
                        condition: (_, data) =>
                          data?.contentType === 'text' || data?.contentType === 'text-media',
                      },
                    },
                    {
                      name: 'media',
                      type: 'upload',
                      relationTo: 'media',
                      required: false,
                      admin: {
                        condition: (_, data) =>
                          data?.contentType === 'media' || data?.contentType === 'text-media',
                      },
                    },
                    {
                      name: 'fontSize',
                      type: 'select',
                      options: fontSize,
                    },
                    colorField('fontColor'),
                    colorField('bgColor'),
                  ],
                },
                {
                  name: 'options',
                  type: 'array',
                  fields: [
                    {
                      name: 'contentType',
                      type: 'radio',
                      options: [
                        {
                          label: 'Text',
                          value: 'text',
                        },
                        {
                          label: 'Media',
                          value: 'media',
                        },
                        {
                          label: 'Text & Media',
                          value: 'text-media',
                        },
                      ],
                      required: true,
                    },
                    {
                      name: 'text',
                      type: 'richText',
                      required: false,
                      admin: {
                        condition: (_, data) => {
                          console.log(data)
                          return data?.contentType === 'text' || data?.contentType === 'text-media'
                        },
                      },
                    },
                    {
                      name: 'media',
                      type: 'upload',
                      relationTo: 'media',
                      required: false,
                      admin: {
                        condition: (_, data) => {
                          console.log(data)
                          return data?.contentType === 'media' || data?.contentType === 'text-media'
                        },
                      },
                    },
                    {
                      name: 'result',
                      type: 'text',
                      label: 'Result',
                      admin: {
                        components: {
                          Field: CustomSelectComponent,
                        },
                      },
                    },
                    {
                      name: 'points',
                      type: 'number',
                      defaultValue: 1,
                    },
                  ],
                },
              ],
            },
          ],
        },

Current Behaviour:

Expected Behaviour:

Reproduction Steps

Create a new collection
Add the above collection

Adapters and Plugins

No response

gujral1997 commented 2 months ago

I am able to find the reason

  versions: {
    drafts: {
      autosave: {
        interval: 100, // Happening if the autosave interval is very short
      },
    },
    maxPerDoc: 50,
  },