How to set providers in Angular v19 SSR?

In Angular <19 I used such code to specify the providers:

  // All regular routes use the Angular engine
  server.get('**', (req, res, next) => {
    const { protocol, originalUrl, baseUrl, headers } = req;

    commonEngine
      .render({
        bootstrap,
        documentFilePath: indexHtml,
        url: `${protocol}://${headers.host}${originalUrl}`,
        publicPath: distFolder,
        providers: [
          { provide: APP_BASE_HREF, useValue: baseUrl },
          { provide: RESPONSE, useValue: res },
          { provide: REQUEST, useValue: req },
        ],
      })
      .then((html) => res.send(html))
      .catch((err) => next(err));
  });

but in Angular 19 there is another structure:

app.use('/**', (req, res, next) => {
  angularApp
    .handle(req)
    .then((response) =>
      response ? writeResponseToNodeResponse(response, res) : next(),
    )
    .catch(next);
});

I have tried to add the providers array in the second parameter of handle() method, but it did not work for me.

I need to set providers for the REQUEST token, which should be the req object

In v19 those token are set for you automatically by the framework.

In your app, you'll pull them from '@angular/core'

import { Component, inject REQUEST, } from '@angular/core';

@Component({...})
export class AppComponent {
  constructor() {
    const request = inject(REQUEST, { optional: true });
  }
}

Make sure to inject is with optional: true as this token will not be available in every context.

I have a working demo you can check: https://github.com/jeanmeche/ssr-v19