message: Use callbacks instead.
diff: @@ -7,7 +7,7 @@ import { useD2Definitions } from 'app/manifest/selectors';
  import { armorStats } from 'app/search/d2-known-values';
  import clsx from 'clsx';
  import _ from 'lodash';
  -import React, { useMemo } from 'react';
  +import React, { useCallback } from 'react';
  import styles from './SelectablePlug.m.scss';
  export default function SelectablePlug({
  @@ -25,18 +25,16 @@ export default function SelectablePlug({
  }) {
  const defs = useD2Definitions()!;
  - const { handleClick, onClose } = useMemo(() => {
  - const handleClick = () => {
  + const handleClick = useCallback(() => {
  selectable && onPlugSelected(plug);
  - };
  + }, [onPlugSelected, plug, selectable]);
  - const onClose = selected ? () => onPlugRemoved(plug) : undefined;
  -
  - return { handleClick, onClose };
  - }, [onPlugRemoved, onPlugSelected, plug, selectable, selected]);
  + const onClose = useCallback(() => {
  + () => onPlugRemoved(plug);
  + }, [onPlugRemoved, plug]);
  return (
  - <ClosableContainer onClose={onClose}>
  + <ClosableContainer onClose={selected ? onClose : undefined}>
  <div
  className={clsx(styles.plug, {
  [styles.lockedPerk]: selected,
  