Build a Collapsible Menu in React with Intersection Observer

The Intersection Observer API provides a way to asynchronously observe changes in the intersection of a target element with an ancestor element or with a top-level document's viewport. - developer.mozilla.org For our design, IntersectionObserver can be a good fit because it can provide information about menu items that are overflowing the container (i.e.