hanav/src/mini/tail.js

A React Navigation Menu Component Library.

import React, { cloneElement, useContext } from "react";
import { ContextForMiniItem, ContextForMiniItemOrder } from "./context";

export default function Tail({ children }) {
  const { tailFocusItemInContent } = useContext(ContextForMiniItem);
  const orderI = useContext(ContextForMiniItemOrder);
  return tailFocusItemInContent == null ? children : cloneElement(children, { ref: e => tailFocusItemInContent.current[orderI] = e });
}