nx-console: VS code extension doesnt recognize npx command

Current Behavior

NX commands in VS code do not recognize NPX, but running the same NPX command in the normal terminal works fine.

Expected Behavior

It to work

Steps to Reproduce

Open up VS code try running npx nx affected --target=build --all=true in the terminal - it works try running it through the UI in VS Code

Failure Logs / Images / Videos

 *  Executing task: npx nx affected --target=build --all=true 

fish: Unknown command: npx
fish: 
npx nx affected --target=build --all=true
^

 *  The terminal process "/usr/local/bin/fish '-c', 'npx nx affected --target=build --all=true'" terminated with exit code: 127. 
 *  Terminal will be reused by tasks, press any key to close it. 

 *  Executing task: npx nx affected:apps 

zsh:1: command not found: npx

 *  The terminal process "/bin/zsh '-c', 'npx nx affected:apps'" terminated with exit code: 127. 
 *  Terminal will be reused by tasks, press any key to close it. 

 *  Executing task: npx nx affected:apps --verbose=true 

zsh:1: command not found: npx

 *  The terminal process "/bin/zsh '-c', 'npx nx affected:apps --verbose=true'" terminated with exit code: 127. 
 *  Terminal will be reused by tasks, press any key to close it. 

Environment

macOS