Root Component showing error

[mahipalsingh-syt]

Root Component Showing Error

Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes & IProps'

[CodingByJerez]

It was pushed 👍🏼

10

[mahipalsingh-syt]

thanks

[mahipalsingh-syt]

Getting another issue at launch Time, screen attached .

    return (
      <>
        <Root>
          <SafeAreaView style={styles.container}>
            <SectionList
              sections={DATA}
              keyExtractor={(_, index) => index.toString()}
              renderItem={({ item }) => <Button {...item} />}
              renderSectionHeader={({ section: { title } }) => (
                <Text style={styles.header}>{title}</Text>
              )}
            />
          </SafeAreaView>
        </Root>
      </>
    )
  }```

[mahipalsingh-syt]

but if removed Root from above code then code will start working but alert will not be visible

[mahipalsingh-syt]

@CodingByJerez

[CodingByJerez]

Strange it passed all the tests and for me it works. You thought about clearing the caches?

[mahipalsingh-syt]

i got problem , its https://reactnative.dev/docs/usecolorscheme, in my project some components support class type and usecolorscheme is functional Hook that's why its crashing @CodingByJerez

[CodingByJerez]

0.2.2

Normally it should work with this patch tell me.

[mahipalsingh-syt]

no, @CodingByJerez if you replace useColorScheme with Appearance.getColorScheme() then only it work for both class and functional component

[CodingByJerez]

useColorScheme is not placed in a class, It's only because you are using an old version of react native below version 0.64