flexn-io / create

Build apps for web, TVs, desktops, consoles, wearables and more. Developer friendly UI library targeting all form factors platforms. Another notable feature is providing focus management for TVs which very easy to implement using Create.
https://create.flexn.org
MIT License
26 stars 6 forks source link

[Regression] [macOS] white blank screen on create-template-starter@1.1.0-alpha.1 #154

Closed pauliusguzas closed 10 months ago

pauliusguzas commented 10 months ago

Describe the bug white blank screen on create-template-starter@1.1.0-alpha.1

To Reproduce

  1. Create new project with rnv new and choose create-template-starter
  2. Run on macos
  3. Observe -> app is white blank and cli is full of errors like below
Screenshot 2023-08-21 at 09 54 36
ERROR in src/screens/modal.tsx:21:18
TS2322: Type '{ children: Element; onPress: () => void; style: ViewStyle; } | { children: Element; testID: string; accessibilityLabel?: undefined; accessible?: undefined; onPress: () => void; style: ViewStyle; } | { ...; }' is not assignable to type 'IntrinsicAttributes & TouchableOpacityProps & RefAttributes<RNTouchableOpacity>'.
  Type '{ children: Element; onPress: () => void; style: ViewStyle; }' is not assignable to type 'IntrinsicAttributes & TouchableOpacityProps & RefAttributes<RNTouchableOpacity>'.
    Property 'children' does not exist on type 'IntrinsicAttributes & TouchableOpacityProps & RefAttributes<RNTouchableOpacity>'.
    19 |         >
    20 |             <View style={theme.styles.modalHeader}>
  > 21 |                 <TouchableOpacity
       |                  ^^^^^^^^^^^^^^^^
    22 |                     onPress={() => pop()}
    23 |                     style={theme.styles.icon}
    24 |                     {...testProps('template-modal-screen-close-button')}

ERROR in src/screens/modal.tsx:29:14
TS2322: Type '{ children: Element; contentContainerStyle: any[]; }' is not assignable to type 'IntrinsicAttributes & Omit<ScrollViewProps, "ref"> & RefAttributes<RNScrollView>'.
  Property 'children' does not exist on type 'IntrinsicAttributes & Omit<ScrollViewProps, "ref"> & RefAttributes<RNScrollView>'.
    27 |                 </TouchableOpacity>
    28 |             </View>
  > 29 |             <ScrollView contentContainerStyle={[theme.styles.container, { flex: 1 }]}>
       |              ^^^^^^^^^^
    30 |                 <Text style={theme.styles.textH2}>This is my Modal!</Text>
    31 |             </ScrollView>
    32 |         </Screen>

ERROR in src/types.ts:1:66
TS7016: Could not find a declaration file for module 'react-native'. '/Users/pauliusguzas/Desktop/penk/node_modules/react-native/index.js' implicitly has an 'any' type.
  Try `npm i --save-dev @types/react-native` if it exists or add a new declaration (.d.ts) file containing `declare module 'react-native';`
  > 1 | import { ImageStyle, StatusBarStyle, TextStyle, ViewStyle } from 'react-native';
      |                                                                  ^^^^^^^^^^^^^^
    2 |
    3 | export type StaticTheme = {
    4 |     primaryFontFamily?: string;

[9932:0821/105252.938632:ERROR:service_worker_storage.cc(1904)] Failed to delete the database: Database IO error

Expected behavior App should run

Desktop (please complete the following information):

aurimasmi commented 10 months ago

@pauliusguzas fix version 1.1.0-alpha.6