How to Fix RxJS Error: Types of property source are incompatible

Angular: The Full Gamut Edition

Charlie Greenman
November 01, 2020
1 min read

The issue: RxJS Error

Without calling out any company, or open source team, I use some libraries that meddle with the RxJS I have in my repo. In particular, their library will use a version of RxJS that is not compatible with the version of their library. Causing the effects in my ngrx/store to emit the error:

RxJS Error: “Types of property ‘source’ are incompatible

Here is how to solve that.

How to Solve

There is a simple solution that works, but it took me a while to find it. I can assure you this is the most efficient solution. Add the following configuration paths property into your app’s tsconfig.json file

  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist",
    "sourceMap": true,
    "declaration": false,
    "module": "esnext",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es2015",
    "typeRoots": [
    "lib": [
    "paths": {
        "rxjs": [
        "rxjs/*": [

This will make it, so that whenever your app looks for anything rxjs related, it will be directed to the rxjs node_module. Not some alternate rxjs path, contained within a plugin. Once you do this, re-run your npm/yarn start and you will be good to go.

More articles similar to this


Razroo is committed towards contributing to open source. Take the pledge towards open source by tweeting, #itaketherazroopledge to @_Razroo on twitter. One of our associates will get back to you and set you up with an open source project to work on.