Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

draft-js-linkify-plugin warning

See original GitHub issue

When I use draft-js-linkify-plugin, there is warning:

Warning: Unknown props entityKey, offsetKey, getEditorState, setEditorState on tag.

I think it’s the code in draft-js-linkify-plugin/src/Link/index.js causes the warning:

export default class Link extends Component {
  render() {
    /* eslint-disable no-use-before-define */
    const {
      decoratedText = '',
      theme = {},
      target = '_self',
      className,
      ...props,
      } = this.props;
    /* eslint-enable */
    const combinedClassName = unionClassNames(theme.link, className);
    const links = linkify.match(decoratedText);
    const href = links && links[0] ? links[0].url : '';
    return (
      <a
        {...props}
        href={href}
        className={combinedClassName}
        target={target}
      />
    );
  }
}

Top GitHub Comments

5reactions

laszlokiralycommented, May 7, 2017

i still get the warning in beta10 when using custom handler, e.g. onClick. removing contentState from props solved the problem for me:

const linkifyPlugin = createLinkifyPlugin({
  component: (props) => {
    const { contentState, ...rest } = props;
    // eslint-disable-next-line no-alert
    return (<a {...rest} onClick={() => alert('link clicked')}/>);
  }
});

0reactions

Ricco1commented, Apr 28, 2017

I can approve that beta10 works fine for me.

Top Results From Across the Web

How to use the draft-js-linkify-plugin function in draft-js ... - Snyk

To help you get started, we've selected a few draft-js-linkify-plugin examples, based on popular ways it is used in public projects.

Linkify - DraftJS Plugins - High quality plugins with great UX

In this case, only the linkifyPlugin // is passed in, although it is possible to pass in multiple ... import '@draft-js-plugins/linkify/lib/plugin.css';.

draft-js-plugins-linkify bug - CodeSandbox

Activating extension 'vscode.typescript-language-features' failed: Could not find bundled tsserver.js.

Cannot get entityMap using @draft-js-plugins/linkify & hashtag ...

Cannot get entityMap using @draft-js-plugins/linkify & hashtag plugin (NextJS) ... component(props) { // eslint-disable-next-line no-alert, ...

draft-js-linkify-plugin - npm

Linkify Plugin for DraftJS. Latest version: 2.0.2, last published: 3 years ago. Start using draft-js-linkify-plugin in your project by ...