# Import notebook in React

**URL:** <https://talk.observablehq.com/t/import-notebook-in-react/1717>\
**Category:** Uncategorized\
**Created:** [March 3, 2019, 10:46pm UTC](https://talk.observablehq.com/t/import-notebook-in-react/1717 "2019-03-03T22:46:20Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![htausend](https://avatars.discourse-cdn.com/v4/letter/h/e495f1/32.png) [@htausend](https://talk.observablehq.com/u/htausend)\
**Post date:** [March 3, 2019, 10:46pm UTC](https://talk.observablehq.com/t/import-notebook-in-react/1717/1 "2019-03-03T22:46:20Z")

</div>

I would like to import an Oberservable notebook and use it within React (ideally as a component). I read [here](https://observablehq.com/@observablehq/downloading-and-embedding-notebooks) that I can install the tar ball via npm but how would I import an canvas element for example?  
I am very new to this forum so any help would be amazing.

---

<div class="post-metadata">

**Author:** ![bgchen](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/bgchen/32/784_2.png) [@bgchen](https://talk.observablehq.com/u/bgchen)\
**Post date:** [March 3, 2019, 11:34pm UTC](https://talk.observablehq.com/t/import-notebook-in-react/1717/2 "2019-03-03T23:34:40Z")

</div>

I have zero experience with React so I likely can’t help further, but have you seen this notebook?

> **[🤔 How to: Embed a Notebook in a React App](https://observablehq.com/@observablehq/how-to-embed-a-notebook-in-a-react-app)**
>
> An Observable notebook by Observable.