diff --git a/.changeset/bright-rice-drive.md b/.changeset/bright-rice-drive.md new file mode 100644 index 0000000..ca95dd5 --- /dev/null +++ b/.changeset/bright-rice-drive.md @@ -0,0 +1,5 @@ +--- +"nativewind": patch +--- + +fix runtime error with undefined styles diff --git a/packages/nativewind/src/styled/use-tailwind.ts b/packages/nativewind/src/styled/use-tailwind.ts index 98ae3aa..ca87290 100644 --- a/packages/nativewind/src/styled/use-tailwind.ts +++ b/packages/nativewind/src/styled/use-tailwind.ts @@ -44,7 +44,7 @@ export function useTailwind({ return [ store.subscribe, store.getSnapshot, - (snapshot: Snapshot) => snapshot[selector], + (snapshot: Snapshot): StylesArray | undefined => snapshot[selector], ]; }, [ store, @@ -84,11 +84,11 @@ export function useTailwind({ if (flatten) { const flatStyles: StylesArray = [StyleSheet.flatten(stylesArray)]; - flatStyles.mask = styles.mask; + flatStyles.mask = styles?.mask; return flatStyles; } - stylesArray.mask = styles.mask; + stylesArray.mask = styles?.mask; return stylesArray; }, [styles, inlineStyles, additionalStyles, flatten]) as StylesArray; }