React Component Not Found

[ubilabs]

React Component Not Found

[ro-ka]

I’m sorry but I cannot replicate the issue… Can you provide a bare minimum example where the error occurs?

[14850842]

// React
var React = require("react");

var Geosuggest = require("geosuggest");

// Router
var Router = require("react-router");
var RouteHandler = Router.RouteHandler;

// Child Components
var Nav = require("./nav");

// Component
var App = React.createClass({
  displayName: "App",
  propTypes: {},
  mixins: [],

  getInitialState: function () { return null; },

  componentWillMount: function () {},

  componentWillUnmount: function () {},

  render: function () {
    return (
      <div className="epicureContainer">
        <Geosuggest/>
      </div>
    );
  }
});

module.exports = App;

In console:

ERROR in ./client/components/app.jsx
Module not found: Error: Cannot resolve module 'geosuggest' in /Users/sergiopellegrini/Sites/recipes-flux/client/components
 @ ./client/components/app.jsx 4:17-38

[loris]

Use var Geosuggest = require("react-geosuggest"); instead

[ro-ka]

@14850842 Does that help? Is it working now?
@loris Thanks for answering!

[14850842]

Got a step further. Thanks for the help so far.

Warning: This JSX uses a plain function. Only React components are valid in React's JSX transform.
warning.js:48 Warning: Something is calling a React component directly. Use a factory or JSX instead. See: https://fb.me/react-legacyfactory
ReactClass.js:842 Uncaught TypeError: Cannot read property '__reactAutoBindMap' of null
(Something is calling a React component directly)

[ro-ka]

Did you follow the suggestions at the link? (https://fb.me/react-legacyfactory)
Are you using JSX or plain JS?

[14850842]

Calling as prescibed using JSX.

[ro-ka]

As far as I understand the link it is fine the way it is. Does that error still occur when you use the example above?

Btw., I’ll update the readme because of the wrong require statement. Thanks for reporting. :)

[14850842]

Thanks. I got it running now.