react-tagsinput | Highly customizable React component for inputing tags | Frontend Utils library

I have a component with a form inside. The fields of the form rely on the state of the component that is updated within the onChange methods. Upon clicking the submit button, the component sends the form fields to the parent component, then updates the store. When the onChange method is called, the error "Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops."
I can't find the reason why a loop occurs inside the "MemberForm" component.
By debugging, however, I understood that at the change of state (not to the onChange function) the parent component "AggiungiSocio" is also rendered. However, the status of the "MemberForm" component is in no way related to the "AggiungiSocio" component.
What is causing this unexpected rendering? How can I avoid it?

The strange thing is that I also use the "MemberForm" component in the "ModificaSocio" component where I pass the form fields as properties. In this component "ModificaSocio" everything works correctly.

To recap
AddSocio -> MemberForm doesn't work
EditSocio -> MemberForm works

AggiungiSocio

I buy and use a ReactJS template. this is the template that I use

I wanna install All dependencies using npm install in root directory of Templates(React-App)

but i got an ERROR like this:

I got this error while setup my react app using the webpack and babel. I try to change the version of babel but still getting the same error. I'm not getting where's the problem.

i create the reactjs app, test and compile it with webpack, it is fully functional and every thing is okay, once i need to make a production build it compiled successfully and dist folder created, now i copy the files in apache path, when the browse website i got this error :

Uncaught SyntaxError: Unexpected token <

This is my .htaccess file :

I'm working on a React\Redux project, bundled with webpack.

After upgrading webpack V1 to V3, IE (11) support is broken, some of the elements have the attached css rules and IE can't handle it.
On google chrome everything is OK.

package.json:

I am using webpack 4.20.2 and scalajs ("0.6.24") , scalajs bundler(0.13.1)

when i am building bundle file i am getting below webpack exceptions. I am attaching build.sbt which uses webpack.config.dev.js and generate scalajs-webpack.config.js . If i directly use scalajs-webpack.config.js in build.sbt which i uses hack to overcome this exception then i am not getting error and able to generate single bundle file but when using webpack-dev-config.js which is shown below , then i am getting error.

webpack.config.dev.js

I have an input tag component from react-tagsinput as follows:

I am using https://github.com/olahol/react-tagsinput library to create tags in my application. Very weird things are happening when I try to bind renderTag property to a custom function. I think I am missing a point related to JavaScript, not react.

Even though the typeof tagType returns 'string' on component, when I try to render that, it renders [object Object] | hello. Why does it render Object?

I have created a set of components on higher version of react, bootstrap and webpack. I need to integrate the component in the project which is of older version. The older version does not have scss implementation whereas the newer version has. For the older version, reactstrap is used. I am getting the following error when I start the server for the scss files. "You may need an appropriate loader to handle this file type"