# Rasa core integration with chatwidget

**URL:** <https://forum.rasa.com/t/rasa-core-integration-with-chatwidget/8830>\
**Category:** Rasa Open Source\
**Created:** [April 22, 2019, 6:51am UTC](https://forum.rasa.com/t/rasa-core-integration-with-chatwidget/8830 "2019-04-22T06:51:57Z")\
**Posts on this page:** 1\
**Showing post:** 32

<div class="post-metadata">

**Author:** ![cyanamous](https://avatars.discourse-cdn.com/v4/letter/c/8491ac/32.png) [@cyanamous](https://forum.rasa.com/u/cyanamous)\
**Post date:** [October 24, 2019, 5:07am UTC](https://forum.rasa.com/t/rasa-core-integration-with-chatwidget/8830/32 "2019-10-24T05:07:10Z")

</div>

Maybe its because you have put double curly braces at two places. SyntaxError: Unexpected token (8:6) @ ./src/App.js 14:19-42 It tells its in the 14th line you have two curly braces

```
import React from 'react';
import './App.css';
import { Widget } from 'rasa-webchat';

function App() {
  return (
    <div className="App" >
      <p>React UI</p>
      <Widget
      interval={2000}
      initPayload={"/get_started"}
      socketUrl={"http://localhost:5005"}
      socketPath={"/socket.io/"}
      customData= {{"userId": "123"}}
      title={"Rasa UI"}
      inputTextFieldHint={"Type a message..."}
      connectingText={"Waiting for server..."}
      hideWhenNotConnected
      embedded={false}
      openLauncherImage="myCustomOpenImage.png"
      closeLauncherImage="myCustomCloseImage.png"
      params={{
        images: {
          dims: {
            width: 300,
            height: 200
          }
        },
        storage: "local"
      }}
    />
    </div>
  );
}

export default App;
```

---

_[View the full topic](https://forum.rasa.com/t/rasa-core-integration-with-chatwidget/8830)._