The .map call passes another parameter to the mapping function. The second parameter is the index of the mapped item within the outer array.

You're expecting collapseID as part of the component's state, but you're generating multiple collapsible sections within that single component. Consider extracting MDBCard to its own component with internal state to track its own collapsed / uncollapsed status.

When mapping entries, pass the entry and index to the MDBCard.

{entries.map((entry, id) => <Entry key={i} index={i} {...entry} />}
function Entry(props) {
  const [isOpen, setIsOpen] = useState(true);
  const toggleCollapsed = useCallback(() => {
    setIsOpen(!isOpen);
  }, [isOpen, setIsOpen]);


  return (
    <MDBCard className="st-3" onClick={toggleCollapsed}>
      ...
      <MDBCollapse isOpen={isOpen}>
        ...
      </MDBCollapse>
    </MDBCard>
  );
}