How to make only one collapse open about accordion-collapse-react-native HOT 1 OPEN

const content: SupportData[] = [
    {title: 'Title 1', content: 'Content 1'},
    {title: 'Title 2', content: 'Content 2'},
  ];
  const [expandedIndex, setExpandedIndex] = useState<number | null>(0);

  return (
    <ScrollView contentContainerStyle={styles.container}>
      <View>
        <View style={styles.body}>
          {content.map((item, index) => (
            <Collapse
              key={index}
              style={styles.accordionItem}
              isExpanded={index === expandedIndex}
              onToggle={() => setExpandedIndex(index)}>
              <CollapseHeader style={styles.accordionHeader}>
                <Text style={styles.accordionTitle}>{item.title}</Text>
                <Image source={DownBlue} style={styles.downArrow} />
              </CollapseHeader>
              <CollapseBody>
                <Text style={styles.accordionContent}>{item.content}</Text>
              </CollapseBody>
            </Collapse>
          ))}
        </View>
      </View>
    </ScrollView>
  );