# TypeError: Object doesn't support this action

**URL:** <https://community.neo4j.com/t/typeerror-object-doesnt-support-this-action/19525>\
**Category:** Neo4j Visualization Library (NVL)\
**Tags:** neovis\
**Created:** [June 3, 2020, 10:36pm UTC](https://community.neo4j.com/t/typeerror-object-doesnt-support-this-action/19525 "2020-06-03T22:36:20Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![sandipkr.gupta](https://sea1.discourse-cdn.com/flex021/user_avatar/community.neo4j.com/sandipkr.gupta/32/3868_2.png) [@sandipkr.gupta](https://community.neo4j.com/u/sandipkr.gupta)\
**Post date:** [June 3, 2020, 10:36pm UTC](https://community.neo4j.com/t/typeerror-object-doesnt-support-this-action/19525/1 "2020-06-03T22:36:20Z")

</div>

Hi,

I am getting the following error while trying to use neovis.js with react. Please help in resolving this.

1. The above error occurred in the component: in Suggestions1 (created by Context.Consumer) in Route (at App.js:23) in div (at App.js:22) in Router (created by BrowserRouter) in BrowserRouter (at App.js:21) in div (at App.js:20) in App (created by ConnectFunction) in ConnectFunction (at src/index.js:14) in Provider (at src/index.js:14) Consider adding an error boundary to your tree to customize error handling behavior. Visit [https://fb.me/react-error-boundaries](https://fb.me/react-error-boundaries) to learn more about error boundaries.

[1.chunk.js (72811,11)](http://localhost:3000/static/js/1.chunk.js)  
2. 0: Object doesn't support this action

 ![image](https://us1.discourse-cdn.com/flex021/uploads/neo4jcommunity/original/2X/d/d791a4b02556258de6e20dcbd6705c8d723b407a.png)

# CODE:

import React, { Component } from 'react';  
//import './Component.css'  
import { connect } from 'react-redux';  
import { Link } from 'react-router-dom';  
import NeoVis from 'neovis.js/dist/neovis.js';

class Suggestions1 extends Component {  
constructor(props) {  
super(props);  
this.state = {  
viz: undefined,  
};  
}  
componentDidMount() {  
const config = {  
container\_id: "viz",  
server\_url: "neo4j://localhost:7687",  
server\_usr: "neo4j",  
server\_password: "Test123",  
labels: {

```
    },
    relationships: {

    },
    initial_cypher: "MATCH (p:Person)-[:DIRECTED]->(:Movie) RETURN p"
}
this.testData = new NeoVis.default(config);
// this.setState({
// viz : testData
// })
this.testData.rendor();

```

}  
render() {  
return (

  
{this.state.viz}  

  
);  
}  
}

export default Suggestions1;