APM transaction propogation does not shown in Kibana

Hi everyone,
I have an Angular app and 2 node.js services that I want to monitor using APM.
The angular app is the first transaction, I followed the elastic APM documentation to propogate the trace from the angular app > first node service > second node service.
In kibana I can see the spans created for the angular app, but the node.js services does not record any spans.
Would be great to get any lead to get this working.
Just say if any screentshot is needed for an answer.

Hi @zeevik.sha,

We would need more information on how you setup the APM agent on your nodejs server. Here's some documentation regarding setting up nodejs APM agent: Set up the Agent | APM Node.js Agent Reference [3.x] | Elastic

Thanks

Hi @Kevin_Delemme,
This is our angular APM settings:

const apm = service.init({
      serviceName: 'angular-app',
      serverUrl: 'http://localhost:8200',
      eventsLimit: 95,
      propagateTracestate: true,
      distributedTracingOrigins: ['http://localhost:3000/', 'http://localhost:3000/firstAPI', 'http://localhost:8080/', 'http://localhost:8080/secondAPI']
      // pageLoadTraceId: "{{ apm["trace_id"] }}",
      // pageLoadSpanId: "{{ apm["span_id"]() }}",
      // pageLoadSampled: {"{ apm["is_sampled_js"] }"} 
    })
    const apmID = apm.getCurrentTransaction();
    apm.startTransaction('angular-app');
    console.log('apmID: ', apmID)
    //const tracingTransaction = apm.startTransaction("createTransaction")?.addTask("zeevTask");
    //tracingTransaction.addTask();
    apm.setUserContext({
      'username': 'foo2',
      'id': 'bar'
    })

and this is our node.js APM settings:

const apm = require('elastic-apm-node').start({
    serviceName: 'my-node',
    serverUrl: 'http://localhost:8200',
})