FinalizationRegistry-Lebenszyklen zur expliziten Ressourcenbereinigung in benutzerdefinierten Next.js Hooks

import { useEffect } from 'react';
 
const cleanupRegistry = new FinalizationRegistry<(resourceId: string) => void>((cleanupFn) => {
  cleanupFn('garbage_collected_resource');
});
 
export function useExternalResourceTrack(resourceId: string, cleanupCallback: () => void) {
  useEffect(() => {
    const targetObj = { id: resourceId };
    cleanupRegistry.register(targetObj, cleanupCallback);
    return () => {
      cleanupRegistry.unregister(targetObj);
    };
  }, [resourceId, cleanupCallback]);
}