Context zone not working properly

[Nighttraveler]

Hello guys, we want to accomplish a mix of our spans and spans that FetchInstrumentation creates.
For example whenever there is route change we create an span and we want that spans created in the mean time by FetchInstrumentation are created under our route span context.
Since we don't have access to how FetchInstrumentation creates the span we completely relay on the context being properly managed
But this is not happening right now...
Here is a snippet on how we setup the traceProvider

....
      const { ZoneContextManager } = require('@opentelemetry/context-zone');
      log.info('OpenTelemetry Enabled for client side');
      startDiag();
      const { tracerProvider } = this.setupProviders(appId);
      let contextManager = new ZoneContextManager();
      contextManager = contextManager.enable();
      console.log(contextManager);

      /**
       * Initialize the OpenTelemetry APIs to use the WebTracerProvider bindings.
       *
       * This registers the tracer provider with the OpenTelemetry API as the global
       * tracer provider. This means when you call API methods like
       * `openTelemetry.trace.getTracer`, they will use this tracer provider. If you
       * do not register a global tracer provider, instrumentation which calls these
       * methods will receive no-op implementations.
       */
      tracerProvider.register({
        propagator: new W3CTraceContextPropagator(),
        contextManager
      });

      if (isRegisterInstrumentations) {
        registerInstrumentations({
          instrumentations: [
            new FetchInstrumentation({
              propagateTraceHeaderCorsUrls: [new RegExp('.*')],
              ignoreUrls: [new RegExp('.*_next.*|.*api/config/.*')],
              applyCustomAttributesOnSpan: (
                span: Span,
                request: Request | RequestInit,
                result: Response | FetchError
              ) => {
                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                const {attributes} = span as any;
                if (attributes.component === 'fetch') {
                  span.updateName(`${attributes['http.method']} ${attributes['http.url']}`);
                  span.setAttribute('http.route', attributes['http.url']);
                }
                if (result.status && result.status > 399) {
                  span.setStatus({code: SpanStatusCode.ERROR});
                }
              }
            })
          ]
        });
      }
      this.providerRegistered = true;
    }
  }
...

And on our we simply create the span with tracer.startSpan and pray :P for the FetchInstrumentation uses the same context