the functions (in App.js) onDocumentFileChange, onStopwordFileChange, and onModelFileChange are extremely similar aside from function name and one line. All three are passed in as individual props and it could be more efficient to consolidate them into one flexible function that can be reused and passed in as one prop. Could change the id's of these inputs so that they match the state variables that they modify, then could use something like setState({[e.target.id]: [...]}) in function. Alt: take in input that determines state variable to be updated
May be able to reduce lines of code for Configuration component by importing and using React Bootstrap Modal component (may require some styling to preserve appearance)
May be cleaner/more consistent to pull out all individual config menu items into separate files (Topics, Vocabulary), import them into a ConfigMenu component, and import that ConfigMenu component into the TopBar to maintain abstraction/modularity (instead of hardcoding some config menu items into the TopBar.js file)
setState({[e.target.id]: [...]})in function. Alt: take in input that determines state variable to be updated