Issue with the lazy attribute in a TabController.TabPage component

[L2Develop96]

Description

Related to

• [ ] Components

Steps to reproduce

Use lazy attribute on TabController.TabPage :

 <TabController.TabPage
            key={index}
            index={index}
            lazy
            renderLoading={() => <LoaderScreen />}>
            <ScrollView>{component()}</ScrollView>
</TabController.TabPage>

Expected behavior

UI & Logic (whole component) should be lazy loaded and only when the tab is visited and not at the first mount of the tabs.

Actual behavior

UI is being rendered correctly (lazy is being applied) Logic such as effects & dispatchers are being executed instantly even when the tab is not yet visited.

More Info

Code snippet

import { useTheme } from '@/theme';
import { TabsItems } from '@/types/schemas/types';
import React, { useState } from 'react';
import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
import { LoaderScreen, TabController } from 'react-native-ui-lib';

const Tabs: React.FC<{ items: TabsItems }> = ({ items }) => {
  const [currentTabIndex, setTabIndex] = useState(0);

  return (
    <TabController
      initialIndex={currentTabIndex}
      items={[{}, {}]}
      asCarousel
      onChangeIndex={setTabIndex}>
      <TabBar
        currentTabIndex={currentTabIndex}
        setTabIndex={setTabIndex}
        items={items}
      />
      <TabController.PageCarousel>
        {items.map(({ component }, index) => (
          <TabController.TabPage
            key={index}
            index={index}
            lazy
            renderLoading={() => <LoaderScreen />}>
            <ScrollView>{component()}</ScrollView>
          </TabController.TabPage>
        ))}
      </TabController.PageCarousel>
    </TabController>
  );
};

export default Tabs;

Screenshots/Video

Environment

• React Native version: 0.72.10
• React Native UI Lib version: 7.16.0

Affected platforms

• [ ] Android
• [ ] iOS

[SupriyaPKalghatgi]

Same issue

[SupriyaPKalghatgi]

@Inbal-Tish Can you please check this

[L2Develop96]

Any updates on this?