Where does TABBED_SECTIONS come from in the TabbedHeaderList example?

[thecompoundingdev]

The docs say the sections prop is same as that of React Native's SectionList component- it's an array of objects.

So I assigned and array of objects to TABBED_SECTIONS and pass that to the sections prop like this:

const TABBED_SECTION_ITEM_HEIGHT = 100;
const TABBED_SECTIONS = [
  { title: 'section1', description: 'section one is a great section' },
  { title: 'section2', description: 'section two is a good section' },
];
const data = TABBED_SECTIONS;

const JobDetailsScreen = ({ route }) => {
  return (
    <TabbedHeaderList
      keyExtractor={(_, i) => `${i}`}
      renderItem={({ item }) => (
        <View key={item.title} style={{ height: TABBED_SECTION_ITEM_HEIGHT }}>
          <Text>{item.description}</Text>
        </View>
      )}
      renderSectionHeader={({ section }) => (
        <View style={{ height: TABBED_SECTION_ITEM_HEIGHT }}>
          <Text>{section.title}</Text>
        </View>
      )}
      getItemLayout={(_, index) => ({
        length: TABBED_SECTION_ITEM_HEIGHT,
        offset: TABBED_SECTION_ITEM_HEIGHT * index,
        index,
      })}
      sections={ TABBED_SECTIONS }   //////this is where I pass data to the list
      tabs={TABBED_SECTIONS.map((tab) => ({ title: tab.title }))}
    />
  );
};

But I get a type error on the sections prop saying this:

  Type '{ title: string; description: string; }' is not assignable to type 'SectionListData<unknown, { title: string; description: string; }>'.
    Property 'data' is missing in type '{ title: string; description: string; }' but required in type 'SectionBase<unknown, { title: string; description: string; }>'.```

So I refer to the react native docs for SectionList to see what this data property is... but it says it's just an array of objects. https://reactnative.dev/docs/next/sectionlist#section:~:text=DESCRIPTION-,data,-Required
How do I properly structure the data passed to sections?

[mateusz1913]

@thecompoundingdev the expected type is the same as in the SectionList, you can check the dummy data in the example repo - in your case, there's no required data where you have all items for specific section. You should define sections in following way:

const TABBED_SECTIONS = [
  {
// add required data array
    data: [
      { itemId: '1' },
      { itemId: '2' },
    ],
    title: 'section1',
    description: 'section one is a great section'
  },
  {
// add required data array
    data: [
      { itemId: '1' },
      { itemId: '2' },
    ],
    title: 'section2',
    description: 'section two is a good section'
  },
];