# Missing code in NewNote.js

**URL:** <https://discourse.sst.dev/t/missing-code-in-newnote-js/1351>\
**Category:** Chapter Comments\
**Created:** [October 13, 2019, 7:18pm UTC](https://discourse.sst.dev/t/missing-code-in-newnote-js/1351 "2019-10-13T19:18:00Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![dwfresh](https://avatars.discourse-cdn.com/v4/letter/d/f19dbf/32.png) [@dwfresh](https://discourse.sst.dev/u/dwfresh)\
**Post date:** [October 13, 2019, 7:18pm UTC](https://discourse.sst.dev/t/missing-code-in-newnote-js/1351/1 "2019-10-13T19:18:00Z")

</div>

> **[Add the Create Note Page](https://serverless-stack.com/chapters/add-the-create-note-page.html)**
>
> We would like users to be able to create a note in our React.js app and upload a file as an attachment. To do so we are first going to create a form using the FormGroup and FormControl React-Bootstrap components.

you need to have this added to the file picker in order for useRef to work.

\<Form.Control **ref={file}** onChange={handleFileChange} type=“file” /\>

---

<div class="post-metadata">

**Author:** ![jayair](https://yyz2.discourse-cdn.com/flex032/user_avatar/discourse.sst.dev/jayair/32/9_2.png) [@jayair](https://discourse.sst.dev/u/jayair)\
**Post date:** [October 26, 2019, 2:12am UTC](https://discourse.sst.dev/t/missing-code-in-newnote-js/1351/2 "2019-10-26T02:12:55Z")

</div>

Hmm it works fine without it for me. Does it not work for you?