当单击子元素Button时，折叠/折叠会自动关闭。如何防止？
沙盒：https://codesandbox.io/s/restless-tdd-9qzmb3?file=/src/App.js

export default function App() {
  const [accordion, setAccordion] = useState([true, false]);
  const handleCollapse = useCallback(
    (newIdx) => {
      const state = accordion.map((val, index) =>
        index === newIdx ? !val : false
      );
      setAccordion(state);
    },
    [accordion]
  );

  return (
    <div className="App">
      <div
        style={{ marginTop: "1rem", cursor: "pointer" }}
        onClick={() => handleCollapse(0)}
        aria-expanded={accordion[0]}
        aria-controls={"basic-collapsible-0"}
      >
        <Card sectioned>
          <div style={{ display: "flex", justifyContent: "space-between" }}>
            <Text variant="headingMd" as="h6">
              Accordion 1
            </Text>
            <Icon source={accordion[0] ? ChevronUpMinor : ChevronDownMinor} />
          </div>
          <Collapsible
            open={accordion[0]}
            id="basic-collapsible"
            transition={{ duration: "400ms", timingFunction: "ease-in-out" }}
          >
            <div style={{ padding: "5rem" }}>
              <Button onClick={() => {}}>Child Action 1</Button>
            </div>
          </Collapsible>
        </Card>
      </div>

      
    </div>
  );
}