import { linkify } from "react-linkify" gives undefined about react-linkify HOT 6 OPEN

Facing same issue

from react-linkify.

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

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>

from react-linkify.

You need to import it like so:

import Linkify from 'react-linkify'

from react-linkify.

@Gr8z this is not the same thing

from react-linkify.

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.

from react-linkify.

See #108. 😉

from react-linkify.