There are two supplements about when 'choose file' is canceled.

[1] the reader cannot read null as dataUrl, should be better to add condition like,

if(theFile) {
  reader.readAsDataURL(theFile)
}

[2] when clear button is clicked, the value of this input[type=file] should be initialized in the function onClearAttachment like,

document.querySelector('input[type=file]').value = ''

Please reply better solution.

I can't start lecture #5.0 because error("not change My profile Page show log out button") and history() error...

Before I did
$ npx create-react-app nwitter
$ npm i [email protected]
$ npm i [email protected]
$ npx create-react-app nwitter
$ npm install react react-dom
$ npm install uuid

Different file is Router.js..

Thank you for always.

[Issue description]
If nweet doesn't have an attachment image url, delete nweet shows error like this,

"Firebase Storage: Invalid argument in refFromURL at index 0: Expected full URL but got a child path, use ref instead."

So, it need to delete nweet with condition about attachment url like,

if (nweetObj.attachmentUrl) {
  await storageService.refFromURL(nweetObj.attachmentUrl).delete()
}

If there are better solution, please leave a comment.

Hi, Nico.

I'm student learning nwitter.

I watched your lesson until 3.1 and I have a problem with firestore.

This is my code.
https://github.com/do-park/twitter/blob/master/src/routes/Home.js

When I click 'tweet' button, nothing is happened.

So I want to check error message, but console.log in then() and catch() is also not working!

How can I solve the problem?

I need your help!

The browser alert that if async task in callback(include setState) of React.useEffect is fired after component unmount(kind of log out), then there is a memory leak possibility. I think it'd be better to prevent it via conditional setState(by returning a clean up function of useEffect) like below.

useEffect(() => {
  let isMount = true

  if(isMount) {
    setNweets(nweetArray)
  }

  return () => isMount = false
}, [])

• reference
  • blog: https://juliangaramendy.dev/use-promise-subscription/
  • react doc: https://reactjs.org/docs/hooks-reference.html#cleaning-up-an-effect