Annotation is not working

[shailendra26-siso]

Describe the bug 📝

I am working on BIM Viewer with New Library before that I worked with Old Library. I found the customization with UI so I upgraded the Old Library to new library (OBC Plugin). Its working fine with Single IFC file, can not view the multiple files simultaneously. Now I am working with Annotation feature from https://github.com/ThatOpen/engine_components/blob/3ed5533675afba2c2cf5c4294022c3687b898e69/src/annotation/DrawManager/index.html#L70 But it is not working. May be need to upgrade the plugins, I upgraded but Viewer is not working. Pugin versions are: I am trying upgrade as below screenshot:

And found the error:

Please provide the solution to implement the Annotation feature.

Reproduction ▶️

No response

Steps to reproduce 🔢

No response

System Info 💻

npm i three
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email protected]
npm WARN Found: [email protected]
npm WARN node_modules/three
npm WARN   peer three@"^0.160.1" from [email protected]
npm WARN   node_modules/bim-fragment
npm WARN     peer bim-fragment@"1.4.0" from [email protected]
npm WARN     node_modules/openbim-components
npm WARN     1 more (the root project)
npm WARN   6 more (camera-controls, n8ao, openbim-components, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer three@"^0.160.1" from [email protected]
npm WARN node_modules/bim-fragment
npm WARN   peer bim-fragment@"1.4.0" from [email protected]
npm WARN   node_modules/openbim-components
npm WARN   1 more (the root project)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email protected]
npm WARN Found: [email protected]
npm WARN node_modules/three
npm WARN   peer three@"^0.160.1" from [email protected]
npm WARN   node_modules/bim-fragment
npm WARN     peer bim-fragment@"1.4.0" from [email protected]
npm WARN     node_modules/openbim-components
npm WARN     1 more (the root project)
npm WARN   6 more (camera-controls, n8ao, openbim-components, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer three@"^0.160.1" from [email protected]
npm WARN node_modules/bim-fragment
npm WARN   peer bim-fragment@"1.4.0" from [email protected]
npm WARN   node_modules/openbim-components
npm WARN   1 more (the root project)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email protected]
npm WARN Found: [email protected]
npm WARN node_modules/three
npm WARN   peer three@"^0.160.1" from [email protected]
npm WARN   node_modules/bim-fragment
npm WARN     peer bim-fragment@"1.4.0" from [email protected]
npm WARN     node_modules/openbim-components
npm WARN     1 more (the root project)
npm WARN   6 more (camera-controls, n8ao, openbim-components, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer three@"^0.160.1" from [email protected]
npm WARN node_modules/openbim-components
npm WARN   openbim-components@"^1.4.15" from the root project
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/typescript
npm ERR!   peer typescript@">= 2.7" from [email protected]
npm ERR!   node_modules/fork-ts-checker-webpack-plugin
npm ERR!     fork-ts-checker-webpack-plugin@"^6.5.0" from [email protected]
npm ERR!     node_modules/react-dev-utils
npm ERR!       react-dev-utils@"^12.0.1" from [email protected]
npm ERR!       node_modules/react-scripts
npm ERR!         react-scripts@"5.0.1" from the root project
npm ERR!   peer typescript@">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta" from [email protected]
npm ERR!   node_modules/tsutils
npm ERR!     tsutils@"^3.21.0" from @typescript-eslint/[email protected]
npm ERR!     node_modules/@typescript-eslint/eslint-plugin
npm ERR!       @typescript-eslint/eslint-plugin@"^5.5.0" from [email protected]
npm ERR!       node_modules/eslint-config-react-app
npm ERR!         eslint-config-react-app@"^7.0.1" from [email protected]
npm ERR!         node_modules/react-scripts
npm ERR!       1 more (eslint-plugin-jest)
npm ERR!     tsutils@"^3.21.0" from @typescript-eslint/[email protected]
npm ERR!     node_modules/@typescript-eslint/type-utils
npm ERR!       @typescript-eslint/type-utils@"5.62.0" from @typescript-eslint/[email protected]
npm ERR!       node_modules/@typescript-eslint/eslint-plugin
npm ERR!         @typescript-eslint/eslint-plugin@"^5.5.0" from [email protected]
npm ERR!         node_modules/eslint-config-react-app
npm ERR!         1 more (eslint-plugin-jest)
npm ERR!     1 more (@typescript-eslint/typescript-estree)
npm ERR!   1 more (the root project)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peerOptional typescript@"^3.2.1 || ^4" from [email protected]
npm ERR! node_modules/react-scripts
npm ERR!   react-scripts@"5.0.1" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/typescript
npm ERR!   peerOptional typescript@"^3.2.1 || ^4" from [email protected]
npm ERR!   node_modules/react-scripts
npm ERR!     react-scripts@"5.0.1" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

Used Package Manager 📦

npm

Error Trace/Logs 📃

No response

Validations ✅

• [X] Read the docs.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Make sure this is a repository issue and not a framework-specific issue. For example, if it's a THREE.js related bug, it should likely be reported to mrdoob/threejs instead.
• [X] Check that this is a concrete bug. For Q&A join our Community.
• [X] The provided reproduction is a minimal reproducible example of the bug.

[MiguelG97]

The last picture means there exist a conflict between your packages. your reactscript package is needing the [email protected] or 4" version but you currently have a later one [email protected].

Try out forcing the installation like $npm i mypackage --force

[agviegas]

The latest version of the libraries should have working annotations. See this tutorial. Cheers!