diff --git a/Project/src/MakeCall/Login.js b/Project/src/MakeCall/Login.js
index 9e3ba01..67df616 100644
--- a/Project/src/MakeCall/Login.js
+++ b/Project/src/MakeCall/Login.js
@@ -50,6 +50,7 @@ export default class Login extends React.Component {
             isTeamsUser: false,
             isEntraUser: false,
             isJoinOnlyToken: false,
+            enableVDI3: false,
         }
     }
 
@@ -121,7 +122,8 @@ export default class Login extends React.Component {
                 proxy: this.state.proxy,
                 customTurn: this.state.customTurn,
                 isTeamsUser: this.state.isTeamsUser,
-                isEntraUser: this.state.isEntraUser
+                isEntraUser: this.state.isEntraUser,
+                enableVDI3: this.state.enableVDI3
             });
         }
         console.log('Login response: ', this.userDetailsResponse);
@@ -211,7 +213,8 @@ export default class Login extends React.Component {
                     displayName: this.displayName,
                     clientTag:this.clientTag,
                     proxy: this.state.proxy,
-                    customTurn: this.state.customTurn
+                    customTurn: this.state.customTurn,
+                    enableVDI3: this.state.enableVDI3
                 });
                 this._callAgentInitPromise = new Promise((resolve) => { this._callAgentInitPromiseResolve = resolve });
                 await this._callAgentInitPromise;
@@ -705,6 +708,15 @@ const isSupportedEnvironment = this.environmentInfo.isSupportedEnvironment;
                                                         onChange={(e, isChecked) => this.setState({isJoinOnlyToken: isChecked})} />    
                                                     </div>
                                                 </div>
+                                                <div className="ms-Grid-row">
+                                                    <div className="ms-Grid-col">
+                                                    <Checkbox
+                                                        className='mt-3'
+                                                        label='Enable VDI3'
+                                                        checked={this.state.enableVDI3}
+                                                        onChange={(e, isChecked) => this.setState({enableVDI3: isChecked})} />
+                                                    </div>
+                                                </div>
                                                 <div className="ms-Grid-row">
                                                     <div className="ms-Grid-col">
                                                         <PrimaryButton className="primary-button mt-3"
diff --git a/Project/src/MakeCall/MakeCall.js b/Project/src/MakeCall/MakeCall.js
index 66a0647..aed1e9b 100644
--- a/Project/src/MakeCall/MakeCall.js
+++ b/Project/src/MakeCall/MakeCall.js
@@ -131,6 +131,8 @@ export default class MakeCall extends React.Component {
                 this.tokenCredential = tokenCredential;
                 setLogLevel('verbose');
 
+                console.log("MakeCall::handleLogIn, enableVDI3: ", userDetails.enableVDI3);
+
                 const proxyConfiguration = userDetails.proxy.useProxy ? { url: userDetails.proxy.url } : undefined;
                 const turnConfiguration = userDetails.customTurn.useCustomTurn ? userDetails.customTurn.turn : undefined;
                 this.callClient = new CallClient({
@@ -143,6 +145,9 @@ export default class MakeCall extends React.Component {
                     networkConfiguration: {
                         proxy: proxyConfiguration,
                         turn: turnConfiguration
+                    },
+                    vdi3: {
+                        enabled: userDetails.enableVDI3
                     }
                 });