hanav/src/mini/head.js

A React Navigation Menu Component Library.

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

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