import { linkify } from "react-linkify" gives undefined

[itkach]

In 0.2.2 import { linkify } from "react-linkify" resulted in linkify referencing global LinkifyIt instance. In 1.0.0-alpha linkify is undefined

[theycallmejpo]

Facing same issue

[Gr8z]

You need to import it like so:

import Linkify from 'react-linkify'

[vractal]

@Gr8z this is not the same thing

[teddybee]

The typedef declaration is missing for that export, and it is using linkify-it package. If you want to customize something, probably should use the componentDecorator property and look at the package's defaultComponentDecorator.js.

[FluorescentHallucinogen]

See #108. 😉

[shihanng]

Adding on top of what @teddybee mentioned above, linkify is used in the match decorator:

react-linkify/src/decorators/defaultMatchDecorator.js

Lines 3 to 11 in 325cb5e

	import LinkifyIt from 'linkify-it';
	import tlds from 'tlds';
	const linkify = new LinkifyIt();
	linkify.tlds(tlds);
	export default (text: string): Array<Object> => {
	return linkify.match(text);
	};

Therefore if we want to use a customized version of linkify, we can create a custom match decorator with a new LinkifyIt instance,

import Linkify from "react-linkify";
import LinkifyIt, { Match } from "linkify-it";

const linkify = new LinkifyIt();
linkify.tlds(tlds);
linkify.add("@", {
  // Add custom feature here
});

const matchDecorator = (text: string): Match[] | null => {
  return linkify.match(text);
};

and use Linkify component with the decorator:

        <Linkify
          matchDecorator={matchDecorator}
        >
          ...
        </Linkify>