I am working on an app and I am using bottomTabNavigator but in mean time I am getting this warning! ( Look like you're passing an inline function for 'Component' prop for the screen 'Feed' (e.g component={()=><SomeComponent/>)). Passing an inline function will cause the component state to be lost on re-render and cause perf issue since it's re-created every render. You can pass the function as children to 'Screen' instead to achieve the desired behaviour.

I know I am doing something wrong but I didn't figure out what's wrong with my code. I am new to React native, could someone please help me how to solve this warning .

Code

 return (

      <NavigationContainer>

        <Tab.Navigator

          initialRouteName=Home

          tabBarOptions={{

            activeTintColor: #e91e63

          }}

        >

          <Tab.Screen

            name=Home

            component={props => (

              <PharmacyHome

                catId={this.props.navigation.state.params}

                {...props}

              />

            )}

            options={{

              tabBarLabel: Home,

              tabBarIcon: ({ color, size }) => (

                <MaterialCommunityIcons name=home color={color} size={size} />

              )

            }}

          />

          <Tab.Screen

            name=Notifications

            component={Notifications}

            options={{

              tabBarLabel: Updates,

              tabBarIcon: ({ color, size }) => (

                <MaterialCommunityIcons name=bell color={color} size={size} />

              )

            }}

          />

          <Tab.Screen

            name=Profile

            component={Profile}

            options={{

              tabBarLabel: Profile,

              tabBarIcon: ({ color, size }) => (

                <MaterialCommunityIcons

                  name=account

                  color={color}

                  size={size}

                />

              )

            }}

          />

        </Tab.Navigator>

      </NavigationContainer>

    );