react-file-base64 | React Component for Converting File to base64

I have been stock on this error on my project when I add "proxy": "http://localhost:6000" in my package.json.

This is the error response after yarn start.

Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.

• options.allowedHosts[0] should be a non-empty string. error Command failed with exit code 1. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

But everything is fine when I remove the "proxy": "http://localhost:6000".

This is on my package.json:

I am new to react-router-dom for the first time . I am using react-router-dom to switch between pages and it is rendering a blank page, only the navbar component is rendering. When I render the home and auth components individually outside the Routes, they render successfully.Please help me debugging this code.

Here is my App.js

Trying to install dependencies below

I am basically new to react and just following a guided project from a YouTube channel. I am half way in this project. From app js Form component is called and in Form component when i click on submit it calls createPost() function in "client/src/actions/posts.js" and the data gets dispatched even though async and await keyword present in createPost() it is not posting asynchronisingly. It shows error in try block which is in createPost()

Cannot destructure property 'data' of '(intermediate value)' as it is undefined

but inside that createPost() another createPost() is called which is in "client/src/api/index.js" where axios is used to post the data. When i try to console log the response over there in browser console i am getting

status:201
statusText:"Created"

After this when i reloaded the data are posted and it is reflecting in the UI. I believe this is because of async and await keyword not working. In vscode the await keyword present in createPosst() which is in "client/src/actions/posts.js" gets underlined and shows 'await' has no effect on the type of this expression. (Please refer createPost() function in "client/src/actions/posts.js").I have attached the code files below . Thank you.

While I am trying to install dependencies for the client, as below, the following errors were shown. What does it mean and how can I resolve it?

My app runs successfully but I am getting this error on browser console after using a few components of ant design. When I installed the ant d I done these steps

• npm install antd
• added link tag of antd.compact.min.css to index.html
• added script tag of /antd/4.13.1/antd.min.js to index.html
• added script tag of /antd/4.13.1/antd-with-locales.min.js to index.html

Following along with this tutorial : https://www.youtube.com/watch?v=ngc9gnGgUdA&t=15s

at 57 minutes in, while attempting to complete the "Form" section, I have correctly replicated the code, but my form does not appear in my app.

here is what it should look like : correct display

and here is what I'm getting: Form not appearing

I imagine this is a simple organizational gaffe since I am not throwing any errors in the console.

I am using the "material-ui/core" React framework.

At the top of my file on Import, TextField is shown as greyed or unused despite being in my file.

below is my form.js file:

I have a system set up here were clicking a the save button grabs a div and makes a usable image file. I know this works because I have gotten it to work in with an individual image. I now have it set up to use with multiples of the same image but I can't seem to get it to map anything. I have been reading about spreading, and I am attempting to do that but its still not working for me. I have run into this struggle before and I would love if some one could explain why this doesn't work. I am using react hooks. I also know that the state is updating and as far as I can tell is correct. I am about 99% sure the problem is in the mapping.