vercel.com observed a bug where a stylesheet hoisted using a `precedence` was reordered after an update. This is not correct semantics (once a hoisted stylesheet is inserted it should remain in place until removed)

Investigating the React implementation I observed that if you insert a hoisted stylesheet during a synchronous render and later render a new reference to that stylesheet in a transition React incorrectly considers the stylesheet not loaded and tries to coordinate it's loading the the commit. This is erroneous as once a stylesheet is in the DOM it should never be re-inserted (moved).
adoptPreloadPropsForStylesheet(stylesheetProps, preloadProps);
      }
      
      instance = ownerDocument.createElement('link');
      markNodeAsHoistable(instance);
      const linkInstance: HTMLLinkElement = (instance: any);
      
      
      (linkInstance: any)._p = new Promise((resolve, reject) => {
        linkInstance.onload = resolve;
        linkInstance.onerror = reject;
      });
      setInitialProperties(instance, 'link', stylesheetProps);
      resource.instance = instance;
    }
    if (state.stylesheets === null) {
      state.stylesheets = new Map();
    }
    state.stylesheets.set(resource, hoistableRoot);
    const preloadEl = resource.state.preload;
    if (preloadEl && (resource.state.loading & Settled) === NotLoaded) {
      state.count++;
      const ping = onUnsuspend.bind(state);
      preloadEl.addEventListener('load', ping);
      preloadEl.addEventListener('error', ping);
    }
  }
}
export function waitForCommitToBeReady(): null | (Function => Function) {
  if (suspendedState === null) {