preference value not resolving but set in package.json

[MattCampbell801]

Hi there,

I'm getting the following issue and my thinking is that for some reason the preference values are not resolving:
Sign-in error

(in case the image doesn't show)
Application with identifier '$CLIENT_ID' was not found in the directory 'myDirectory'

I successfully get directed to Azure.
I then submit my credentials.
I then get the above error.

Android config.xml

<feature name="MsalPlugin">
  <param name="ios-package" value="MsalPlugin"/>
  <param name="onload" value="true"/>
  <preference name="tenantId" value="$TENANT_ID"/>
  <preference name="clientId" value="$CLIENT_ID"/>
</feature>

iOS config.xml

  <feature name="MsalPlugin">
    <param name="ios-package" value="MsalPlugin"/>
    <param name="onload" value="true"/>
    <preference name="tenantId" value="$TENANT_ID"/>
    <preference name="clientId" value="$CLIENT_ID"/>
  </feature>

package.json

  "cordova": {
    "plugins": {
      "cordova-plugin-msal": {
        "TENANT_ID": "XxxxXXXXXXxx",
        "CLIENT_ID": "YYYyyyyYYYy",
        "KEY_HASH": "hash=" 
      }
    }
  }

Any help would be really appreciated thanks!