react-file-upload | react file uploader - image file upload and preview | File Upload library

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 :

I was trying to implement upload image functionality in a form, using this as an example. It was working till I reached the part let fs = require('fs'); where i encountered the following error "Module not found: Error: Can't resolve 'fs' in...".

There is a thread on stackoverflow, mentioning the solution for it to use "target": "node" which does not apply for me as I am building a web application.

So I was hoping If someone can point me in the right direction; and let me know which is the proper or the best way to implement image uploading in forms, as I am new to Node JS, and running into errors I can't find solutions for.

I am trying to upload images or csv files to a react app. I know there is a library(react-file-upload) that does that, but I want to know how does it work. For example, if all I want to do is to upload a local csv file to the app and convert it to json format using csvtojson, what should I do?

I have a react component has the following:

I am trying to get Paperclip to upload an image to s3 from my festival model on form submit but am receiving the Unpermitted parameter: image. error

I have checked the strong params, the model content validation and read through the paperclip documents with no avail.

I think I have narrowed the problem down to my post request to the DB cannot handle the File object that gets assigned to festival.image, but can't figure out how I would represent this in the post request.

I am capturing the data in rails using react on rails on the front end with Rails as the backend. I was following along with this sample code https://github.com/carlbaron/react-file-upload-demo

I also use React-dropzone to capture the uploaded file and it adds the preview attribute for the image preview.

Been stuck on this for some time now, any help greatly appreciated!

Beginning of the post request printed to console