utility.ts

import {Component} from 'react';

const cache = new WeakMap<Component<any, any>, Map<string, any>>();

export function toggleState<S>(component: Component<any, S>, key: keyof S) {
  const cachedToggles = cache.get(component) || new Map();
  if (cachedToggles.has(key)) { return cachedToggles.get(key); }

  const toggle = () => component.setState((state) => ({[key]: !state[key]}));
  cachedToggles.set(key, toggle);
  cache.set(component, cachedToggles);
  return toggle;
}
  
// Example usage:
// return <Popover onClose={toggleState(this, 'popoverVisible')} />