Group property doesn't include in stack navigator

[kyimoemin]

The Group property doesn't include in the RootStack created by createSharedElementStackNavigator. In react-navigation 6 I have to use RootStack.Group tag to use a modal. When I check the types and it's only include Navigator and Screen property, not Group property.

const RootStack = createSharedElementStackNavigator();
.
.
.
return (
<RootStack.Navigator>
/**
Group property doesn't exist and shows "Couldn't find any screens for the navigator. 
Have you defined any screens as it's children?" error message
*/
  <RootStack.Group> 
    <RootStack.Screen name="name" component={Component}/>

[Ong26]

Same issue here

[benjamineruvieru]

Am facing same issue, when are we getting a solution

[austinGENEreeve]

Appears to still be an issue. Anyone have a workaround for using createSharedElementStackNavigator(); and having a modal in that same stack?

[austinGENEreeve]

I've found you can't use groups but you can still use a modal view

add ...TransitionPresets.ModalPresentationIOS, to the screen options

Like: <MyStack.Screen name="..." component={...} options={{ ...TransitionPresets.ModalPresentationIOS, }} />

[ryskin]

I found the better way

    <ModalStack.Screen
      name="modalCard1"
      component={ModalView}
      options={{
        presentation: 'modal'
      }}
    />