Skip to content

Fix vendor-prefix console errors (react-native-web) #23

@kylerjensen

Description

@kylerjensen

Hello!

I'm using this library with react-native-web, and I'm experiencing several console errors every time I render one of these components. I have included a copy of the errors and stack traces.

  • Warning: Unsupported vendor-prefixed style property mozHyphens. Did you mean MozHyphens? (Stack trace)
  • Warning: Unsupported vendor-prefixed style property mozTabSize. Did you mean MozTabSize? (Stack trace)
  • Warning: Unsupported vendor-prefixed style property oTabSize. Did you mean OTabSize? (Stack trace)
  • Warning: Unsupported vendor-prefixed style property webkitHyphens. Did you mean WebkitHyphens? (Stack trace)

Here's my implementation:

import SyntaxHighlighter from 'react-native-syntax-highlighter`;
import { okaidia } from 'react-syntax-highlighter/dist/styles/prism';

<SyntaxHighlighter style={okaidia} language="tsx" highlighter="prism">
  <PrimaryActionButton title="Button" />
</SyntaxHighlighter>

Dependencies:

Thanks!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions