I want to use the QnA plugin in backstage. But its gives error

[ravindra-bh]

Hi,

I want to use this plugin in our backstage application, but when I an following setup instructions, its giving error.

Backstage is using latest version of @type/react i.e. 18.2.62

C:\MyProject\3.BackstageRnD\1.code\backstagedemo\packages\backend>yarn add @drodil/backstage-plugin-qeta-backend
yarn add v1.22.19
[1/4] Resolving packages...
warning Lockfile has incorrect entry for "@types/react@^16.13.1 || ^17.0.0". Ignoring it.
error Couldn't find package "@types/react@^16.13.1 || ^17.0.0" required by "@backstage/version-bridge@^1.0.7" on the "npm" registry.
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.
Error: Couldn't find package "@types/react@^16.13.1 || ^17.0.0" required by "@backstage/integration-react@^1.1.24" on the "npm" registry.
    at MessageError.ExtendableBuiltin (C:\Users\saxerav\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:721:66)
    at new MessageError (C:\Users\saxerav\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:750:123)
    at PackageRequest.<anonymous> (C:\Users\saxerav\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:36590:17)
    at Generator.throw (<anonymous>)
    at step (C:\Users\saxerav\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:310:30)
    at C:\Users\saxerav\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:323:13
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
Error: Couldn't find package "@types/react@^16.13.1 || ^17.0.0" required by "@backstage/core-compat-api@^0.2.0" on the "npm" registry.
    at MessageError.ExtendableBuiltin (C:\Users\saxerav\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:721:66)
    at new MessageError (C:\Users\saxerav\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:750:123)
    at PackageRequest.<anonymous> (C:\Users\saxerav\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:36590:17)
    at Generator.throw (<anonymous>)
    at step (C:\Users\saxerav\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:310:30)
    at C:\Users\saxerav\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:323:13
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)

[drodil]

I think this error is not related to this plugin. Backend plugin doesn't require React. There must be something wrong with your registry setup or something else.

[ravindra-bh]

When we navigate into yarn.lock file of QnA plugin, we see version-brige dependency in it.

So while installing QnA plugin, this version-bridge is installed which have this dependency on React as mentioned in error message. This is preventing in installation of QnA plugin.

There is no problem of my project setup or registry because I am doing it in separate folder with fresh installation of Backstage and trying to install QnA plugin on it.

C:\MyProject\3.BackstageRnD\1.code\backstagedemo\packages\backend>yarn add @drodil/backstage-plugin-qeta-backend
yarn add v1.22.19
[1/4] Resolving packages...
warning Lockfile has incorrect entry for "@types/react@^16.13.1 || ^17.0.0". Ignoring it.
error Couldn't find package "@types/react@^16.13.1 || ^17.0.0" required by "@backstage/version-bridge@^1.0.7" on the "npm" registry.
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.
Error: Couldn't find package "@types/react@^16.13.1 || ^17.0.0" required by "@backstage/integration-react@^1.1.24" on the "npm" registry.
    at MessageError.ExtendableBuiltin (C:\Users\saxerav\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:721:66)
    at new MessageError (C:\Users\saxerav\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:750:123)
    at PackageRequest.<anonymous> (C:\Users\saxerav\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:36590:17)
    at Generator.throw (<anonymous>)
    at step (C:\Users\saxerav\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:310:30)
    at C:\Users\saxerav\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:323:13
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
Error: Couldn't find package "@types/react@^16.13.1 || ^17.0.0" required by "@backstage/core-compat-api@^0.2.0" on the "npm" registry.
    at MessageError.ExtendableBuiltin (C:\Users\saxerav\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:721:66)
    at new MessageError (C:\Users\saxerav\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:750:123)
    at PackageRequest.<anonymous> (C:\Users\saxerav\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:36590:17)
    at Generator.throw (<anonymous>)
    at step (C:\Users\saxerav\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:310:30)
    at C:\Users\saxerav\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:323:13
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)

[drodil]

The root yarn.lock is not related to published plugins. https://github.com/drodil/backstage-plugin-qeta/blob/main/plugins%2Fqeta-backend%2Fpackage.json doesn't include any of those packages, at least directly. This needs some more investigation, I haven't had any issues updating the plugin to latest version. Could you try to install some older version, like 1.22.0, if it changes the situation?