Keystone: Admin UI freeze on create if the model contains relationship field

[cowjen01]

Bug report

Describe the bug

If you try to create a new record of object that contains relationship field the side panel of admin UI freeze. I had to close the tab with the application because the browser completely stopped responding.

To Reproduce

1. create a new model with relationship field (type many)
2. enter admin UI and click on create button

fields: {
    question: {
      type: Text,
      isRequired: true,
    },
    answers: {
      type: Relationship,
      many: true,
      ref: 'PollAnswer',
      isRequired: true,
    },
  },

Screenshots

System information

• OS: macOS
• Browser:chrome

Additional context

Working packages:

    "@keystonejs/app-admin-ui": "5.6.0",
    "@keystonejs/fields": "6.1.0",

Packages contains bug:

    "@keystonejs/app-admin-ui": "5.7.1",
    "@keystonejs/fields": "6.2.0",

[MadeByMike]

Hi Folks,

It looks like this is to do with a version miss match between the AdminUI and the Fields Package.

In the last release a component was added to the Admin-UI version 5.7.1 that is used in fields version 6.2.0. Even though you have updated both version it looks like the dependency in the package.json for fields specifies version ^5.3.0 which would allow for an older version of the AdminUI if you already have it in node_modules.

I'm trying to figure out why our release process did pick up on this and bump the version and I'll get a release out ASAP.

Sorry about any inconvenience!

[Sylchi]

I have keystone running in docker container that does not keep old node_modules afaik and the latest version still crashes.

[bertez]

It crashes for me as well using the latest version :(

[txbrown]

Same for me

[chrishahn1975]

This doesn't work:

"@keystonejs/adapter-mongoose": "^5.1.5", "@keystonejs/app-admin-ui": "^5.6.0", "@keystonejs/app-graphql": "^5.0.1", "@keystonejs/auth-password": "^5.0.2", "@keystonejs/fields": "^6.1.0", "@keystonejs/fields-wysiwyg-tinymce": "^5.0.4", "@keystonejs/keystone": "^5.4.2", "@keystonejs/list-plugins": "^5.0.2", "cross-env": "^5.2.0", "rxjs": "^6.5.4"

[MadeByMike]

Very sorry about this bug people. A new version of fields and the admin-ui have been released:

🦋 New tag: @keystonejs/[email protected]
🦋 New tag: @keystonejs/[email protected]

I've verified this as fixed but if you could all check and let me know if there are any further issues.

[MadeByMike]

Thank you all for reporting this and helping me track it down.

[forrest-wilson]

Thank you @MadeByMike! Works a treat mate.

[chrishahn1975]

thanks, works

[cowjen01]

Thank you @MadeByMike! Works great 🙂

[wuichen]

@MadeByMike im using a custom copy of app-admin-ui in my project for some custom webpack scripts to enable finding typescript. it used to work seamlessly before the update. however, im seeing the same error as OP with the new update.

switching the import from original @keystone/app-admin-ui to a brand new copy in root folder and importing like this ./app-admin-ui causes admin ui freezes on create button click. what might be the possible cause?

i have updated all the dependencies to latest.

[chomamateusz]

@wuichen same problem here.

I even tried to copy latest admin-ui files and updating dependencies. No solution. @wuichen did u find one?

[ghost]

same with latest version 5.9.3&7.0.2, after i copied the admin-ui to root path, want to custom the admin-ui by how