use-honk

Ugly demo: https://honk.netlify.com/

Usage

Honk

import React from 'react';
import useHonk from 'use-honk';
 
const App = () => {
  const [honkRef] = useHonk();
 
  return (
    <>
      <ul>
        <li><a href="/">No Honk</a></li>
      </ul>
      <ul ref={honkRef}>
        <li><a href="/">Honk</a></li>
      </ul>
    </>
  );
}

It doesn't handle having nested honk refs so... Don't do that.