Serverless-stack-com: Comments: Add the Create Note Page

[jayair]

Link to chapter - http://serverless-stack.com/chapters/add-the-create-note-page.html

[ScottMTravers]

I'm having an issue updating the disable attribute to 'false' on the 'create' button once I type in a few characters into the text field or upload a file. My NewNote.js is identical to the one in the tutorial. I've tried multiple times going through the tutorial steps after resetting to a past commit, but to no avail.

Here's a couple screenshots (First - no text, Second - test note):

[jayair]

@ScottMTravers just to make sure, are there any errors that are showing up in the browser console? Also, what browser & OS combo are you on?

[ScottMTravers]

Using Chrome & Mac OSX 10.11.

Here's the error showing up in my console:
Uncaught Error: addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's render method, or you have multiple copies of React loaded (details: https://fb.me/react-refs-must-have-owner).

[ScottMTravers]

Fixed the issue.

My notes-app-client was located inside the root directory of my notes-app-api instead of a separate project folder.

[jayair]

@ScottMTravers Oh! It's a bit of a gotcha. We should make that clear when we start the frontend portion. Thanks for reporting back.

[walshe]

why does handleSubmit need event.preventDefault ? isnt it only a regular button action that needs this really ?

[jayair]

@walshe In this case it is a submit button. You could skip it. But if you had another field that you could "enter" to submit then you'll need it.

[mochfauz]

Hello, I got this error, when I try to post my notes.

[jayair]

@mbahfauz Are you logged in?

[mochfauz]

Already solve the problem, I was forget to change my api url on IAM roles. Thanks jayair.

[sunkay]

I get the following access denied error uploading an attachment. Local testing worked fine. Any thoughts on what might be causing this and how to fix it? Thanks.

PUT https://notes-app-uploads-takecontrol.s3.amazonaws.com/private/us-east-1%3A617058f3-510a-4e29-a4c1-264aa7e56291/1523457483356-10%20things%20that%20require%20zero%20talent.png 403 (Forbidden)
StorageClass - error uploading: Error: Access Denied
at Request.extractError

[jayair]

@sunkay There seems to be a IAM policy related issue. But what did you mean by in local testing it worked fine?

[sunkay]

@jayair There was a typo in my S3 iam policy. Double checked and fixed it. Thanks for the pointer.

[jayair]

This issue was moved to https://discourse.serverless-stack.com/t/comments-add-the-create-note-page/107