dual-listbox | simple dual listbox build in plain Javascript | Frontend Framework library

When we are trying to update our Angular 9 application(Single SPA micro frontend) to Angular 12 we are facing bellow issue.

Error on console when trying to run this app:

this is the error i received

Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.

This is my code:

I'm updating Angular version from 7 to 8. But when I build it even though I don't use DOCUMENT, it gives me an error. What could it be that I'm not seeing? I looked through all the files but couldn't find DOCUMENT used with '@angular/platform-browser'. I even checked for '@angular/common'.

I'm just using document here but it has nothing to do with '@angular/platform-browser'. Because it uses it from lib.dom.d.ts.

I tried using npm i angular-dual-listbox --save command but getting bunch of errors stating version mismatch though i have version 8.2.14. Article used for reference: npmjs. The error log is as follows:

I have a small react app with a node js server with the following imports:

I am trying to bind my JSON to Confirmed list of angular-dual-listbox which is provided by czeckd But source part is showing correct and Destination list is not showing.

I have created one stackblitz

https://stackblitz.com/edit/dual-list-example?file=src/app/app.component.html

Please help me Reference: https://github.com/czeckd/angular-dual-listbox

I'm searching for a ListBox/DualListBox for React that can hold thousands of options without having delay or stucking problems on loading.

I found react-window https://react-window.now.sh/#/examples/list/fixed-size for simple list view but no way to do a selection...

...and react-windowed-select https://github.com/jacobworrel/react-windowed-select but there's no way to have a multiple select with this.

My goal is to have something like this wonderful DualListBox https://www.npmjs.com/package/react-dual-listbox but with the potential of a windowed list like the first link I mentioned.

If anyone could help it'll be very much appreciated.

Thanks in advance!

I'm trying to implement in my react app, two react double listbox in my component. At the moment the listboxes are filled automatically after a get request when component mounts. I need some help on how to get the selected options in each double listbox and send them to the server as json data. I need two arrays from these lists.

This is my dual listbox classes:

I upgraded from Angular 9.17 to 9.19 and now ng build fails with the following error complaining about a variable declaration in both @types/node and zone.js:

ERROR in node_modules/@types/node/ts3.5/globals.global.d.ts:1:13 - error TS2403: Subsequent variable declarations must have the same type. Variable 'global' must be of type 'Global', but here has type 'Global & typeof globalThis'.

1 declare var global: NodeJS.Global & typeof globalThis; ~~~~~~

node_modules/zone.js/dist/zone.js.d.ts:600:13 600 declare var global: NodeJS.Global; ~~~~~~ 'global' was also declared here.

It was working fine before upgrading and now won't build. This was the only change.

Please help.

My package.json