How to use a Signal Store in a MatDialog component v20

[ts-script]

Hello,

I’m trying to implement the following behavior:
I have a list component with a mat-table to display data. On this page, there is also an Add button to add a new item.

` openDialog(): void {
const dialogRef = this.#dialog.open(DialogComponent, {
width: 'var(--dialog-width-xl)',
height: 'auto',
position: { top: 'var(--dialog-top)' },
});

dialogRef.afterClosed().subscribe((result) => {
  console.log(result);
});

}`

The dialog component is configured like this:
@Component({ selector: 'dialog', imports: [...], templateUrl: './dialog.component.html', providers: [DialogStore], changeDetection: ChangeDetectionStrategy.OnPush, }) export class DialogComponent implements OnInit { readonly store = inject(DialogStore);

However, I always get the following error:
NG0201: No provider found for SignalStore. Source: Standalone[_DialogComponent]

As far as I understand, this error occurs because the dialog component uses DialogStore, but the dialog’s injector doesn’t have access to the required SignalStore providers.

Unfortunately, I can’t figure out how to resolve this issue.

Any help would be greatly appreciated!

Best regards,
Tom

[diicar]

injector = inject(Injector)

Then .open(...,
{ injector : this.injecror})

[ts-script]

Thank you very much 👍🏻