Fix css console error

[JesseRWeigel]

react_devtools_backend.js:4026 Warning: Failed prop type: Invalid props.style key `fontSize` supplied to `View`.
Bad object: {
  "paddingBottom": 15,
  "fontSize": 40,
  "fontFamily": "\"Comic Sans MS\", cursive, sans-serif"
}
Valid keys: [
  "animationDelay",
  "animationDirection",
  "animationDuration",
  "animationFillMode",
  "animationIterationCount",
  "animationName",
  "animationPlayState",
  "animationTimingFunction",
  "transitionDelay",
  "transitionDuration",
  "transitionProperty",
  "transitionTimingFunction",
  "borderColor",
  "borderBottomColor",
  "borderEndColor",
  "borderLeftColor",
  "borderRightColor",
  "borderStartColor",
  "borderTopColor",
  "borderRadius",
  "borderBottomEndRadius",
  "borderBottomLeftRadius",
  "borderBottomRightRadius",
  "borderBottomStartRadius",
  "borderTopEndRadius",
  "borderTopLeftRadius",
  "borderTopRightRadius",
  "borderTopStartRadius",
  "borderStyle",
  "borderBottomStyle",
  "borderEndStyle",
  "borderLeftStyle",
  "borderRightStyle",
  "borderStartStyle",
  "borderTopStyle",
  "cursor",
  "touchAction",
  "userSelect",
  "willChange",
  "alignContent",
  "alignItems",
  "alignSelf",
  "backfaceVisibility",
  "borderWidth",
  "borderBottomWidth",
  "borderEndWidth",
  "borderLeftWidth",
  "borderRightWidth",
  "borderStartWidth",
  "borderTopWidth",
  "bottom",
  "boxSizing",
  "direction",
  "display",
  "end",
  "flex",
  "flexBasis",
  "flexDirection",
  "flexGrow",
  "flexShrink",
  "flexWrap",
  "height",
  "justifyContent",
  "left",
  "margin",
  "marginBottom",
  "marginHorizontal",
  "marginEnd",
  "marginLeft",
  "marginRight",
  "marginStart",
  "marginTop",
  "marginVertical",
  "maxHeight",
  "maxWidth",
  "minHeight",
  "minWidth",
  "order",
  "overflow",
  "overflowX",
  "overflowY",
  "padding",
  "paddingBottom",
  "paddingHorizontal",
  "paddingEnd",
  "paddingLeft",
  "paddingRight",
  "paddingStart",
  "paddingTop",
  "paddingVertical",
  "position",
  "right",
  "start",
  "top",
  "visibility",
  "width",
  "zIndex",
  "aspectRatio",
  "gridAutoColumns",
  "gridAutoFlow",
  "gridAutoRows",
  "gridColumnEnd",
  "gridColumnGap",
  "gridColumnStart",
  "gridRowEnd",
  "gridRowGap",
  "gridRowStart",
  "gridTemplateColumns",
  "gridTemplateRows",
  "gridTemplateAreas",
  "shadowColor",
  "shadowOffset",
  "shadowOpacity",
  "shadowRadius",
  "shadowSpread",
  "perspective",
  "perspectiveOrigin",
  "transform",
  "transformOrigin",
  "transformStyle",
  "backgroundColor",
  "opacity",
  "elevation",
  "backdropFilter",
  "backgroundAttachment",
  "backgroundBlendMode",
  "backgroundClip",
  "backgroundImage",
  "backgroundOrigin",
  "backgroundPosition",
  "backgroundRepeat",
  "backgroundSize",
  "boxShadow",
  "clip",
  "filter",
  "outline",
  "outlineColor",
  "overscrollBehavior",
  "overscrollBehaviorX",
  "overscrollBehaviorY",
  "scrollSnapAlign",
  "scrollSnapType",
  "WebkitMaskImage",
  "WebkitOverflowScrolling"
]
    in View (at App.js:75)
    in App (at src/index.js:7)

[ayrbox]

Hey @JesseRWeigel,

I was not able to replicate the issue in master branch. Please refer to the screenshot. Does it got resolved after any package updates?

[JesseRWeigel]

I thought it was still there but maybe it was fixed. I will double check and get back to you.

[JesseRWeigel]

@ayrbox you are correct, the errors are gone. Nice catch!