Could not find a declaration file for module 'rxjs'.

[Kvek]

Hi there,
I've recently installed the new version of "rxjs": "^7.1.0" but seem to be getting the error mentioned in the title. I wanted to post this is the core team's issue backlog but decided to ask the community first instead of making another ticket for the devs to see. Any help is greatly appreciated. Thanks.

ts : 4.2.4
node : v12.0.0
yarn : 1.22.10

{
  "version": "0.1.0",
  "license": "MIT",
  "main": "dist/index.js",
  "typings": "dist/index.d.ts",
  "files": [
    "dist",
    "src"
  ],
  "engines": {
    "node": ">=10"
  },
  "resolutions": {
    "styled-components": "^5"
  },
  "scripts": {
    "start": "tsdx watch",
    "build": "tsdx build",
    "test": "tsdx test --passWithNoTests",
    "lint": "tsdx lint",
    "prepare": "tsdx build",
    "size": "size-limit",
    "analyze": "size-limit --why"
  },
  "peerDependencies": {
    "react": ">=16",
    "styled-components": ">=5"
  },
  "husky": {
    "hooks": {
      "pre-commit": "tsdx lint"
    }
  },
  "prettier": {
    "printWidth": 80,
    "semi": true,
    "singleQuote": true,
    "trailingComma": "es5"
  },
  "name": "celertech-react-layout",
  "author": "Kvek",
  "module": "dist/celertech-react-layout.esm.js",
  "size-limit": [
    {
      "path": "dist/celertech-react-layout.cjs.production.min.js",
      "limit": "10 KB"
    },
    {
      "path": "dist/celertech-react-layout.esm.js",
      "limit": "10 KB"
    }
  ],
  "devDependencies": {
    "@babel/core": "^7.14.3",
    "@rollup/plugin-replace": "^2.4.2",
    "@size-limit/preset-small-lib": "^4.10.3",
    "@types/react": "^17.0.6",
    "@types/react-dom": "^17.0.5",
    "@types/redux-logger": "^3.0.8",
    "@types/styled-components": "^5.1.9",
    "@typescript-eslint/eslint-plugin": "^4.24.0",
    "@typescript-eslint/parser": "^4.24.0",
    "autoprefixer": "^10.2.5",
    "babel-plugin-styled-components": "^1.10.5",
    "cssnano": "^5.0.4",
    "eslint": "^7.26.0",
    "eslint-config-airbnb": "^18.2.1",
    "eslint-plugin-better-styled-components": "^1.1.2",
    "eslint-plugin-import": "^2.23.2",
    "eslint-plugin-jsx-a11y": "^6.4.1",
    "eslint-plugin-react": "^7.23.2",
    "eslint-plugin-react-hooks": "^4.2.0",
    "eslint-plugin-simple-import-sort": "^7.0.0",
    "eslint-plugin-sort-destructure-keys": "^1.3.5",
    "eslint-plugin-sort-keys-fix": "^1.1.1",
    "eslint-plugin-typescript-sort-keys": "^1.6.0",
    "husky": "^6.0.0",
    "index.css": "^1.0.0",
    "postcss": "^8.3.0",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "redux-logger": "^3.0.6",
    "rollup-plugin-peer-deps-external": "^2.2.4",
    "rollup-plugin-postcss": "^4.0.0",
    "size-limit": "^4.10.3",
    "styled-components": "^5.3.0",
    "tsdx": "^0.14.1",
    "tslib": "^2.2.0",
    "typescript": "^4.2.4"
  },
  "dependencies": {
    "@reduxjs/toolkit": "^1.5.1",
    "react-dnd-html5-backend": "^14.0.0",
    "react-redux": "^7.2.4",
    "rxjs": "^7.1.0"
  }
}

tsdx.config.js

/* eslint-disable no-param-reassign */
const replace = require('@rollup/plugin-replace');
const postcss = require('rollup-plugin-postcss');
const autoprefixer = require('autoprefixer');
const cssnano = require('cssnano');
const peerDepsExternal = require('rollup-plugin-peer-deps-external');

module.exports = {
  rollup(config, options) {
    config.plugins = config.plugins.map((p) =>
      p.name === 'replace'
        ? replace({
            preventAssignment: true,
            'process.env.NODE_ENV': JSON.stringify(options.env),
          })
        : p
    );

    config.plugins.push(
      postcss({
        // only write out CSS for the first bundle (avoids pointless extra files):
        extract: !!options.writeMeta,

        inject: false,

        plugins: [
          autoprefixer(),
          cssnano({
            preset: 'default',
          }),
        ],
      }),
      peerDepsExternal()
    );

    return config;
  },
};

[josepot]

I'm pretty sure that this is in fact an issue with TSDX, because it doesn't support TS 4. In order to make sure that's the case, you can try this workaround, but make sure to use the latest versions on that resolutions entry.

PS: IMHO TSDX seems to be a bit "abandoned" ATM. I was heavily relying on it in a couple of projects and I had to start migrating out of it 🤷

[Kvek]

That worked! Thanks @josepot.

With regards to TSDX, any alternatives you suggest? Thanks.

[josepot]

With regards to TSDX, any alternatives you suggest?

Not really... Just rolling up your own config, build, test, etc...