Skip to content

Nativewind with react-native-skia causing non-whitespace character found error #243

@araskihu

Description

@araskihu

Describe the bug
We are using nativewind v5 preview 2 and @shopify/react-native-skia version 2.2.12. Before installing react native skia everything worked fine, however after installing we got this error: [Error: Exception in HostFunction: Non-whitespace character found after end of conversion: "%"]. This error only comes up when we have elements with className properties. But after removing nativewind and react-native-css the error disappears.

Reproduction
Repo Link

⚠️ Important: Issues without a valid reproduction link will not be reviewed and will be automatically closed. Use the rn-new template to create a reproduction:

  • npx rn-new@latest --nativewind
  • npx rn-new@latest --nativewind --expo-router
  • npx rn-new@next --nativewind
  • npx rn-new@next --nativewind --expo-router

If you have a usage question, please use the Discord or GitHub Discussions instead.

Expected behavior
App should work as before, no non-whitespace error should come up.

Additional context

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions