Error cannot read property 'match' of undefined when using NeomorphFlex

[yedi97]

I receive an error when using NeomorphFlex as shown below:

Below is my code:

import React from "react";
import { Dimensions, StyleSheet } from "react-native";
import { Neomorph, NeomorphFlex } from "react-native-neomorph-shadows";
import { normalize } from "../Style";
import { MARGIN_X_LARGE } from "../Style/constants";
const widthScreen =
  Dimensions.get("screen").width - normalize(MARGIN_X_LARGE * 3);
const BoxShadowComp = ({ children, style }) => {
  return (
    <NeomorphFlex
      inner
      style={[
        styles.neomorph8,
        {
          shadowOpacity: 0.1,
          shadowColor: "#EBEBEBE5",
        },
        style,
      ]}
    >
      {children}
    </NeomorphFlex>
  );
};
const styles = StyleSheet.create({
  neomorph8: {
    borderRadius: 12,
    shadowRadius: 5,
    backgroundColor: "#FFFFFF",
    // width: normalize(widthScreen),
    // height: normalize(100),
    justifyContent: "center",
    alignItems: "center",
  },
});

export const BoxShadow = React.memo(BoxShadowComp);

Work fine with Neomorph, please help me. Many thanks <3

[yedi97]

Fixed after remove [] in style, thank!