react-file-upload | React File Upload example with Axios & Progress Bar | Frontend Framework library

I want to create an upload button using ReactJS with typescript. For now, I just want to do it super simple, and followed this tutorial for "classic" ReactJS: https://www.js-tutorials.com/react-js/learn-react-file-upload-in-5-minute/

Here is my version using with typescript:

I am trying to get a component to render dynamically. The name for the component is getting pulled from the state. The name is in pascal case but still it throws a pascal case error. For instance, the value that I am trying on is "HeroBanner". If I put this directly, it works fine. If get this dynamically via state and then assigning it to a variable, it backfires with pascal case error.

Here's my code

I have a small query regarding the Spring boot logic of calling the sql files. I know that the schema sql files are called automatically if they are kept inside the resource directory of the spring boot app project. But i would like to call them from a different directory. I have written the below code to try and achieve that but fails with below error message.

Code :