Unable to transition to process.client from context.isClient

[AndrewBogdanovTSS]

Since the project was updated to Nuxt v. 1.3.0 I started getting a deprecation warning inside my middleware functions:
context.isClient has been deprecated, please use process.client instead.
the funny part is that I can't change my code to use process.client instead because of TS error:
TS2339: Property 'client' does not exist on type 'Process'.
so it seems like this change was made without TS in mind. How can this typing issue be fixed?

_{This question is available on Nuxt.js community (#c25)}

[qm3ster]

Seems like this is something where you have to do the nasty thing known as declaration merging :(

declare namespace NodeJS {
  export interface Process {
    client: boolean
    server: boolean
  }
}

dropping the above into your index.d.ts seems to fix it.

[husayt]

In latest nuxt-edge @kevinmarrec had added typings for process, but i still get the following error in nuxt.config.ts

Property 'static' does not exist on type 'Process'.

[kevinmarrec]

@husayt You're probably missing "@nuxt/vue-app-edge" in tsconfig.json.
Here is my current tsconfig.json :

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "moduleResolution": "node",
    "lib": [
      "esnext",
      "esnext.asynciterable",
      "dom"
    ],
    "esModuleInterop": true,
    "experimentalDecorators": true,
    "sourceMap": true,
    "strict": true,
    "noImplicitAny": true,
    "noEmit": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "baseUrl": ".",
    "paths": {
      "~/*": [
        "./*"
      ]
    },
    "types": [
      "@types/node",
      "@nuxt/vue-app-edge"
    ]
  }
}

It will bee soon become

{
  "extends": "nuxt-ts-edge"
}

So that everything work out of the box with default values in the extended tsconfig.json.

[husayt]

Thanks @kevinmarrec.

I tried "types": ["@types/node", "@nuxt/vue-app-edge"] and it didn't work.
and then i changed it to
"types": ["@types/node", "nuxt-ts-edge/node_modules/@nuxt/vue-app-edge"] and that worked.
It's bit ugly bot does the job. Might be a good idea to add @nuxt to peer/high level dependency of nuxt-ts-edge.

[kevinmarrec]

@husayt Lol your node_modules seems to be broken. nuxt-ts-edge should'nt have @nuxt inside it 😂. Try resintalling all your dependencies

[AndrewBogdanovTSS]

Is it valid to close this bug until it's really fixed in a stable version of Nuxt?

[husayt]

@kevinmarrec indeed damn NPM. Thank you very much.
By the way, I had finally some time to port hackernews to TS and commit it here

Your feedback will be most appreciated.

[kevinmarrec]

@husayt Will give my feedback when I'll find some time ;) Thanks for working on it !

[bitdom8]

Hi guys, any update? Cannot find name 'process'. Do you need to install type definitions for node? Try npm i --save-dev @types/node.