Types of property 'serialize' are incompatible

[pszalanski]

I am getting an error after setting up query parameter bindings:

Types of property 'serialize' are incompatible.
    Type 'ParamSerializer<string | null>' is not assignable to type 'ParamSerializer<unknown>'.
      Type 'unknown' is not assignable to type 'string | null'.

21                  [queryParam]="searchParam">
                     ~~~~~~~~~~

  src/app/pages/component.ts:11:16
    11   templateUrl: './component.html',
                      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component Component.

This is the setup of the parameter:

class Component {
  searchParam: QueryParam<string>;

  constructor() {
    this.searchParam = qb.stringParam('search');
  }

I followed the example in the documentation.

My node_modules:

+-- __ngcc_entry_points__.json@ extraneous
+-- @angular-builders/[email protected]
+-- @angular-devkit/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @azure/[email protected]
+-- @azure/[email protected]
+-- @ngneat/[email protected]
+-- @ngneat/[email protected]
+-- @ngneat/[email protected]
+-- @ngqp/[email protected]
+-- @testing-library/[email protected]
+-- @testing-library/[email protected]
+-- @testing-library/[email protected]
+-- @types/[email protected]
+-- @types/[email protected]
+-- @types/[email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
`-- [email protected]

[Airblader]

It's possible that this has to do with Angular's recent typing improvements; as a workaround, can you try to use QueryParamGroup instead of binding a standalone param?

[pszalanski]

Then I get this:

this.searchGroup.add('firmware_name', this.firmwareNameParam);

The error:

TS2345: Argument of type 'QueryParam<string>' is not assignable to parameter of type 'QueryParam<unknown> | MultiQueryParam<unknown> | PartitionedQueryParam<unknown, unknown[]>'.   
Type 'QueryParam<string>' is not assignable to type 'QueryParam<unknown>'.     
Types of property 'serialize' are incompatible.      
 Type 'ParamSerializer<string | null>' is not assignable to type 'ParamSerializer<unknown>'.        
 Type 'unknown' is not assignable to type 'string | null'.