plugin-users-permissions gives white screen

[Stavorinus]

Bug report

Describe the bug

When I go to Settings -> USERS & PERMISSIONS PLUGIN -> Roles I get a white screen.

The browser console reports this:

TypeError: undefined is not an object (evaluating '(0,s.default)().allPermissions') —

Also in when the build runs I noticed this.

warning "@strapi/plugin-users-permissions > @strapi/helper-plugin@4.0.2" has unmet peer dependency "formik@^2.2.6".
133warning "@strapi/plugin-users-permissions > @strapi/helper-plugin@4.0.2" has unmet peer dependency "immer@9.0.6".
134warning "@strapi/plugin-users-permissions > @strapi/helper-plugin@4.0.2" has unmet peer dependency "qs@6.10.1".
135warning "@strapi/plugin-users-permissions > @strapi/helper-plugin@4.0.2" has unmet peer dependency "react-select@^4.0.2".
136warning "@strapi/plugin-users-permissions > grant-koa@5.4.8" has unmet peer dependency "koa@>=2.0.0".
137warning "@strapi/plugin-users-permissions > react-redux@7.2.3" has unmet peer dependency "redux@^2.0.0 || ^3.0.0 || ^4.0.0-0".
138warning "@strapi/plugin-users-permissions > @strapi/helper-plugin > mini-css-extract-plugin@2.4.4" has unmet peer dependency "webpack@^5.0.0".
139warning "@strapi/plugin-users-permissions > @strapi/helper-plugin > styled-components@5.3.3" has unmet peer dependency "react-is@>= 16.8.0".

System

• Node.js version: v16.13.2
• Strapi version: 4.0.6
• Database: MySQL

[trondstromlie]

This bug is also in the latest Strapi version: 4.0.7:
from chrome console

[witek1902]

Same problem with Strapi 4.0.7

[fxck]

Getting this as well, even with node 14.

[derrickmehaffy]

This was fixed in #12265

Make sure you delete your package-lock.json or yarn.lock and reinstall node modules and rebuild the admin.

Can't reproduce on v4.0.7 so gonna mark as close until someone can confirm reproduction steps.

[fxck]

yea, deleting node_modules and yarn.lock did resolve it

[derrickmehaffy]

FYI this step is listed in the update guide:

https://docs.strapi.io/developer-docs/latest/update-migration-guides/update-version.html#upgrade-your-dependencies

[Stavorinus]

Also fixed for me:

In my package.json I forgot to upgrade the permission:

"@strapi/plugin-users-permissions": "4.0.7",

[julesrenaud]

@derrickmehaffy I've stumbled into this issue today and wasted a LOT of time before I figured out my issue was having qs as a dependency in my package.json file. It overrode the 6.10.1 version specified in the @strapi/admin package.json file (and other Strapi core packages) with the current version (6.10.3) which broke the admin in the same way documented in this thread. I'm guessing there's a breaking change in 6.10.3 or 6.10.2

[strapi-bot]

This issue has been mentioned on Strapi Community Forum. There might be relevant details there:

https://forum.strapi.io/t/media-library-and-content-type-builder-not-loading-in-production/13639/3

[TonyDeplanque]

I have the same problem with custom plugin installed in Strapi 4.0.2. The problem would come from the component CheckPagePermissions

[sitoftonic]

@julesrenaud Have tried your solution, adding this to my package.json to force 6.10.1:

...
"overrides": {
   "qs": "6.10.1"
}
...

However, after removing node_modules, package-lock and the build folder (this actions only should be the solution as provided in the docs) and doing npm install again it did not force every dependency in package-lock to have qs at that version, which makes me wonder if I'm doing something wrong: https://docs.npmjs.com/cli/v8/configuring-npm/package-json#overrides

In any case, after editing the package-lock.json file manually and locking every qs version to 6.10.1 and then running npm install again after removing node_modules folder, etc. And running the application again it keeps me throwing the same error:

TypeError: Cannot read properties of undefined (reading 'allPermissions')
    at g (main.586e7c6c.js:2:1337562)
    at li (main.586e7c6c.js:2:1148314)
    at $u (main.586e7c6c.js:2:1200611)
    at Cl (main.586e7c6c.js:2:1187852)
    at Pl (main.586e7c6c.js:2:1187780)
    at jl (main.586e7c6c.js:2:1187643)
    at xl (main.586e7c6c.js:2:1184609)
    at main.586e7c6c.js:2:1134106
    at t.unstable_runWithPriority (main.586e7c6c.js:2:2894254)
    at Go (main.586e7c6c.js:2:1133883)

which is being shown in almost every route of my application except for /admin and /content-manager, but this last only on first render, after changing collection it appears another error:

TypeError: Cannot read properties of undefined (reading 'toggleNotification')
    at t.default (main.586e7c6c.js:2:1797953)
    at d (main.586e7c6c.js:2:1647993)
    at li (main.586e7c6c.js:2:1148314)
    at $u (main.586e7c6c.js:2:1200611)
    at Cl (main.586e7c6c.js:2:1187852)
    at Pl (main.586e7c6c.js:2:1187780)
    at jl (main.586e7c6c.js:2:1187643)
    at xl (main.586e7c6c.js:2:1184609)
    at main.586e7c6c.js:2:1134106

I have also tried to downgrade the Strapi version to 4.0.7 for if the link @derrickmehaffy shared has to be taken literally, as it has a reference to that specific version in the example code snippet. However this did not work either.

My package.json is as follows:

{
  "name": "obfuscated",
  "private": true,
  "version": "0.1.0",
  "description": "A Strapi application",
  "scripts": {
    "develop": "strapi develop",
    "start": "strapi start",
    "build": "strapi build"
  },
  "dependencies": {
    "@strapi/plugin-documentation": "4.0.7",
    "@strapi/plugin-i18n": "4.0.7",
    "@strapi/plugin-users-permissions": "4.0.7",
    "@strapi/provider-email-mailgun": "4.0.7",
    "@strapi/strapi": "4.0.7",
    "pg": "8.6.0",
    "react-quill": "^1.3.5"
  },
  "overrides": {
    "qs": "6.10.1"
  },
  "author": {
    "name": "A Strapi developer"
  },
  "strapi": {
    "uuid": "whatever-uuid"
  },
  "engines": {
    "node": ">=12.x.x <=16.x.x",
    "npm": ">=6.0.0"
  },
  "license": "MIT"
}