Troubles with react 0.15 about react-linkify HOT 7 CLOSED

I had the same issue. I just used
import Linkify from 'react-linkify';

instead of
var Linkify = require('react-linkify');
and now it works!

from react-linkify.

@cebrakadabra what was the exact issue with the code that you solved?

The current release should work fine when using ES6 imports:

import Linkify from 'react-linkify'

Or with CommonJS:

var Linkify = require('react-linkify').default;

That behavior is caused by Babel 6 upgrade in commit 6ead6fe which changes the way how export default works

@tasti the usage example in README is currently broken

from react-linkify.

Is there a fix or explanation for this one? I've had to use a different module as getting the same error.

from react-linkify.

yea same problem..

from react-linkify.

Yo!

I just did a PR for this.
i recoded the component to make it working in higher react versions.
I just imported that file via, to test it:

import Linkify from 'Linkify.jsx';

https://github.com/tasti/react-linkify/pull/35/files

from react-linkify.

@maksis i restructured the whole Linkify component itself to make an element out of it. Because you aren't accessing any functions from outside and you are not reliable on the state of this one, so I thought it's probably easier doing it that way.

i got the same error as reported from other people here:
React.createElement: type is invalid -- expected a string (for built-in components)

So, I used that as a motivation to make an Element out of it while debugging the error, which was probably just a wrong usage of import { Linkify } from ... instead of import Linkify from ... on my end. Basically that's what the error describes.

Furthermore: https://facebook.github.io/react/blog/2015/12/18/react-components-elements-and-instances.html

Out of the react docs:

An element is a plain object describing a component instance or DOM node and its desired properties. It contains only information about the component type (for example, a Button), its properties (for example, its color), and any child elements inside it.

An element is not an actual instance. Rather, it is a way to tell React what you want to see on the screen. You can’t call any methods on the element. It’s just an immutable description object with two fields: type: (string | ReactClass) and props: Object1.

from react-linkify.

This looks like an importing issue as described and solved by @maksis. I'll update the README.

from react-linkify.