Unable to find node on an unmounted component

badjab326

2 months ago

18

• 

  noheadphones

  2 months ago

  @badjab326 whats your collection config? does it happen on all of them or just this one?

• 

  jesschow

  Payload Team

  2 months ago

  @badjab326 - could you share the exact field that is causing this issue? I have tried to replicate with a simple select field and a relationship field but not able to reproduce this error.

• 

  badjab326

  2 months ago

  const Questions = {
    slug: 'questions',
    admin: {
      defaultColumns: [
        'question',
        'label',
        'description',
        'answerType',
        'answerChoices',
        'prevVersion',
        'isDeleted',
        'isUpdated',
      ],
      useAsTitle: 'name',
    },
    access: {
      read: () => true,
    },
    fields: [
      {
        name: 'question',
        type: 'text',
        required: true,
      },
      {
        name: 'label',
        type: 'text',
        required: true,
      },
      {
        name: 'description',
        type: 'text',
        required: true,
      },
      // TODO: SHOW ANSWER CHOICES ONLY FOR MULTIPLE CHOICE ANSWER TYPE
      {
        name: 'answerType',
        type: 'radio',
        options: [
          {
            value: 'multipleChoice',
            label: 'Multiple Choice',
          },
          {
            value: 'simpleText',
            label: 'Simple Text',
          },
          {
            value: 'fileUrl',
            label: 'File URL',
          },
        ],
        defaultValue: 'simpleText',
      },
      {
        name: 'answerChoices',
        type: 'array',
        fields: [
          {
            name: 'answerChoices',
            type: 'text',
          },
        ],
      },
      {
        name: 'regulations',
        type: 'relationship',
        relationTo: 'regulations',
      },
      {
        name: 'prevVersion',
        type: 'array',
        fields: [
          {
            name: 'prevVersion',
            type: 'relationship',
            relationTo: 'questions',
          },
        ],
      },
      {
        name: 'isDeleted',
        type: 'checkbox',
        defaultValue: false,
      },
      {
        name: 'isUpdated',
        type: 'checkbox',
        defaultValue: false,
      },
    ],
    timestamps: true,
  }
  
  export default Questions

  
  

  
  

  It happens in all collections, whether there's data already in the database or we start completely fresh.

  
  

  
  

  here are two examples of fields breaking the UI.

  
  
  

  {
        name: 'regulations',
        type: 'relationship',
        relationTo: 'regulations',
      },

  
  

  I've modified the next item from the full collection above. Using radio was the workaround fix for this item, but relationship seems to require the same assets for the dropdown menu.

  
  

  {
        name: 'answerType',
        type: 'select',
        options: [
          {
            value: 'multipleChoice',
            label: 'Multiple Choice',
          },
          {
            value: 'simpleText',
            label: 'Simple Text',
          },
          {
            value: 'fileUrl',
            label: 'File URL',
          },
        ],

• 

  jesschow

  Payload Team

  2 months ago

  @badjab326 thank you for the examples - I've used the exact same fields but am not getting your error. I definitely want to figure out why this is happening for you. What version of payload are you on?

• 

  badjab326

  2 months ago

  @jesschow Thanks! We are using 1.6.15 currently. I also haven't had this issue with any of my other Payload projects (I have around 3 others to date) but this one is the only in which I'm adding Payload to an existing backend, rather than starting from the template.

• 

  noheadphones

  2 months ago

  you are a bit out of date, try

  yarn upgrade

  ?

• 

  Jarrod

  Payload Team

  2 months ago

  @badjab326 This happens on the

  create

  view? or the

  edit

  view?

• 

  badjab326

  2 months ago

  Just gave that a shot, no dice unfortunately.

  
  

  
  

  Tested both and received the same result.

• 

  noheadphones

  2 months ago

  Definitely not reproducible 😅

  
  

  
  

  I'm adding Payload to an existing backend
  

  do you think you could recreate this in a repo you can share?

  
  

  
  

  or share this one without any private info

• 

  badjab326

  2 months ago

  Actually we figured it out! We needed to add 'react-select' to the overrides, thanks for all the help!

• 

  Markhor

  2 months ago

  @jesschow We tried to override react-select's version with the latest v5.7 in our package.json and that fixed the crash. Any particular reason why that might be happening?

• 

  jesschow

  Payload Team

  2 months ago

  @badjab326 @Markhor nice! What version of react-select did it show previously?

• 

  Markhor

  2 months ago

  I didn't check inside payload's package json what version was installed currently but on your github it says v3