Cannot make outgoing call [BUG]

[dialmyline]

• I have verified that the issue occurs with the latest twilio.js release and is not marked as a known issue in the CHANGELOG.md.
• I reviewed the Common Issues and open GitHub issues and verified that this report represents a potentially new issue.
• I verified that the Quickstart application works in my environment.
• [ x] I am not sharing any Personally Identifiable Information (PII)
  or sensitive account information (API keys, credentials, etc.) when reporting this issue.

Code to reproduce the issue:
loaded sdk

initiating outgoing call:

// TODO

Expected behavior:

throws error when sdk is loaded and initiating a call

Actual behavior:

TODO

Software versions:

• Browser(s): Chrome
• Operating System: Windows
• twilio.js: Latest
• Third-party libraries (e.g., Angular, React, etc.): React

[charliesantos]

@solidneeds thanks for submitting. Do you have any reproducible steps? Can you reproduce it using our quickstart? https://www.twilio.com/docs/voice/sdks/javascript/get-started

[dialmyline]

reproducible steps

when setting token
const twilioDevice = new Device(token)
throws error below

when calling twilioDevice.connect({params, });
i get error below

[dialmyline]

but i have a server listen using ngrok, but i still get that error above

[dialmyline]

my code

const [phoneNumber, setPhoneNumber] = useState("");
const [token, setToken] = useState("");
const twilioDevice = new Device(token);


const onNumberClick = (value: string) => {
  setPhoneNumber((nums) => nums + value);
};

const getToken = async () => {
  const url =  "https://8d58-2601-1c2-1700-bc50-1873-f304-868f-1094.ngrok-free.app/api/v1/communication/token";
  
  const { data: token } = await axios.post(url);
  if (token) {
    setToken(token);
  }
};
const endCall = () => {
  twilioDevice.disconnectAll();
  unsubscribeTwilioEventListener();
};

useEffect(() => {
  return () => unsubscribeTwilioEventListener();
}, []);


const params = {
  To: "+xxxxxxxxxxx",
  From: "+xxxxxxxxxxx",
};

// Make an outgoing call
async function makeOutgoingCall() {
  const call = await twilioDevice.connect({
    params,
  });
}

[charliesantos]

The issue seems to be more specific to your application. Can you try reproducing using our quickstart? Also, you can try to submit a support ticket using your Twilio account and our support team should be able to route this issue to the correct team.