@atlaskit/avatar-group/dist/es2019/components/internal/hooks/use-register-item-with-focus-manager.js

An avatar group displays a number of avatars grouped together in a stack or grid.

import { useContext, useEffect, useRef } from 'react';
import { FocusManagerContext } from '../components/focus-manager';

// The refs stored in the context are used to programatically
// control focus on a user navigates using the keyboard.
function useRegisterItemWithFocusManager() {
  const {
    registerRef
  } = useContext(FocusManagerContext);
  const itemRef = useRef(null);
  useEffect(() => {
    if (itemRef.current !== null) {
      registerRef(itemRef.current);
    }
  }, [registerRef]);
  return itemRef;
}
export default useRegisterItemWithFocusManager;