autosuggest.js | auto suggest component | Code Editor library

I've got the following use case in a React component.

It is a search user input that uses React Autosuggest. Its value is always an ID, so I only have the user ID as a prop. Therefore at first load to show the username value, I need to fetch it at first mount.

EDIT: I don't want to fetch the value again when it changes later, because I already have the value from my suggestions request.

How to activate scrolling using React Autosuggest (like the fourth example http://react-autosuggest.js.org/) ?

I can't get the option to do that in Documentation.

So we have an issue in that the files being installed via npm on our build machine are differing from those files which are being used locally on our developer's machines.

We are using TypeScript, so require the @types to be installed for some of the npm packages, so in our package.json file, we have...

I started to learn JavaScript and React some days ago, right now I am trying to build a simple table with material design where I can add table rows via a simple form popup and delete rows via an icon in the row.

I want to use react-autosuggest for one field in my "add-data" area, which is already working in the way that the autosuggest logic works. My problem is that I have no idea how to grab the value that was entered in the field so my Submit function can build a JSON from the input values and pass it to a Symfony Controller which builds a Doctrine Query to store it in the database.

I have two files:

In app.js is my whole tablebody, buttons, dialog etc:

I'm creating an autocomplete using react-autosuggest from here. The autocomplete works and queries as expected. The part I am having trouble with is attaching or passing the query result to the top next to he heart icon. This will all make sense if you see my webpackBin example.

I tried passing the values from them new suggestion[ ] but, although it finds it and displays it in place, it doesn't stick. It clears it right back up as soon as I type something else or even mouseleave. I almost certain I have to create an empty array to collect them there, but I am drawing a blank.

This the function I created to retrieve the icons from the query

I am trying to use this plugin to be able to list all items when we click on the textbox as well as do basic autocomplete functions. It doesn't seem to be able to do this however unless I am wrong.

http://codepen.io/moroshko/pen/LGNJMy

I've literally spent the entire day trying to add this package: https://github.com/affinipay/react-bootstrap-autosuggest to a create-react-app I recently ejected. But, I've been getting the following error: