Want to get user info. using Teams' credential (using get Context method of Teams),but getting these errors , can't understand why giving SDK timeout as well errors related to J query and Angular as well ?

Question

Want to get user info. using Teams' credential (using get Context method of Teams),but getting these errors , can't understand why giving SDK timeout as well errors related to J query and Angular as well ?

Aman9901 0

User's image

SokiGuo-MSFT 31,536 Reputation points Microsoft External Staff

2023-06-27T01:47:57.2366667+00:00

Hi

Thanks for visiting our forum. Teams tag is mainly focused on the general issue of Microsoft Teams troubleshooting. Based on your description, this problem is related to Teams development. Thanks for your understanding and patience!
Sayali-MSFT 3,991 Reputation points Microsoft External Staff Moderator

2023-06-27T04:54:02.5733333+00:00

@Aman9901- Could you please share the code snippets and share the repro steps, so that we can try it from our end.
Sayali-MSFT 3,991 Reputation points Microsoft External Staff Moderator

2023-06-27T12:06:21.7133333+00:00

@Aman9901- "SDK initialization timed out" error is reported by teams-js library, and when the initialize function of teams-js runs more than 5s, it will throw the timeout error.
Another reason might be due to debug session, in which the code gets stuck at some point.

Aman9901 0

sorry for the late response , here is the code :

import React, { useEffect, useState } from 'react';
import { app, Context } from "@microsoft/teams-js";

const LoginPage = () => {
  const [userDetails, setUserDetails] = useState(null);

  useEffect(() => {
    const fetchUserDetails = async () => {
      try {
        await new Promise((resolve) => {
          app.initialize(resolve);
        });

        const context = await app.getContext();
        const { userPrincipalName } = context;
        const email = userPrincipalName || 'Email ID not available';

        setUserDetails({ email });
      } catch (error) {
        console.log('Error retrieving user details:', error);
      }
    };

    fetchUserDetails();
  }, []);

  return (
    <div>
      {userDetails ? (
        <div>
          <p>User Name: {userDetails.userName}</p>
          <p>Email ID: {userDetails.email}</p>
        </div>
      ) : (
        <div>Loading...</div>
      )}
    </div>
  );
};

export default LoginPage;

Aman9901 0 Reputation points

2023-07-14T16:06:18.68+00:00

I want to get user info. using Teams' credential (using get Context method of Teams),but getting these errors , can't understand why giving SDK timeout as well errors related to J query and Angular as well ?
Aman9901 0 Reputation points

2023-07-15T02:48:42.7733333+00:00

@Sayali-MSFT please have a look into this

Your answer

SokiGuo-MSFT 31,536 Reputation points Microsoft External Staff

2023-06-27T01:47:57.2366667+00:00

Hi

Thanks for visiting our forum. Teams tag is mainly focused on the general issue of Microsoft Teams troubleshooting. Based on your description, this problem is related to Teams development. Thanks for your understanding and patience!
Sayali-MSFT 3,991 Reputation points Microsoft External Staff Moderator

2023-06-27T04:54:02.5733333+00:00

@Aman9901- Could you please share the code snippets and share the repro steps, so that we can try it from our end.
Sayali-MSFT 3,991 Reputation points Microsoft External Staff Moderator

2023-06-27T12:06:21.7133333+00:00

@Aman9901- "SDK initialization timed out" error is reported by teams-js library, and when the initialize function of teams-js runs more than 5s, it will throw the timeout error.
Another reason might be due to debug session, in which the code gets stuck at some point.
Aman9901 0 Reputation points

2023-07-14T16:04:46.43+00:00

sorry for the late response , here is the code :

import React, { useEffect, useState } from 'react'; import { app, Context } from "@microsoft/teams-js"; const LoginPage = () => { const [userDetails, setUserDetails] = useState(null); useEffect(() => { const fetchUserDetails = async () => { try { await new Promise((resolve) => { app.initialize(resolve); }); const context = await app.getContext(); const { userPrincipalName } = context; const email = userPrincipalName || 'Email ID not available'; setUserDetails({ email }); } catch (error) { console.log('Error retrieving user details:', error); } }; fetchUserDetails(); }, []); return ( <div> {userDetails ? ( <div> <p>User Name: {userDetails.userName}</p> <p>Email ID: {userDetails.email}</p> </div> ) : ( <div>Loading...</div> )} </div> ); }; export default LoginPage;
Aman9901 0 Reputation points

2023-07-14T16:06:18.68+00:00

I want to get user info. using Teams' credential (using get Context method of Teams),but getting these errors , can't understand why giving SDK timeout as well errors related to J query and Angular as well ?
Aman9901 0 Reputation points

2023-07-15T02:48:42.7733333+00:00

@Sayali-MSFT please have a look into this

Share via

Want to get user info. using Teams' credential (using get Context method of Teams),but getting these errors , can't understand why giving SDK timeout as well errors related to J query and Angular as well ?

Your answer