The data retrieved from the function is classified as an indeterminate type - functions version 9

Question

The data retrieved from the function is classified as an indeterminate type - functions version 9

I'm currently working with a cloud function that takes an email as input and then returns the user information, which includes the uid.

The declaration of the function looks like this:

const getUserByEmail = httpsCallable(functions, 'getUserByEmail')
const user = await getUserByEmail({
    email: email,
})

However, when I attempt to access "user.data.id," TypeScript gives me an error message stating:

"Object is of type 'unknown'.ts(2571) (property)

HttpsCallableResult.data: unknown Data returned from callable function.

I am unsure of what I may be overlooking in this situation. Any insights or suggestions would be greatly appreciated.

Edit: I did try using "user: any" and TypeScript accepted it, but I know it's not the best solution.

typescript firebase google-cloud-functions

Answer 1

Answer №1

Make sure to provide type information for httpsCallable.

Define the types for RequestData and ResponseData when using httpsCallable.

const fetchUserByEmail = httpsCallable<{email: string}, {
  user: {
    data: {
      id: string,
    }
  }
}>(functions, 'getUserByEmail');

const { data } = await fetchUserByEmail({
    email: email,
});

const userId = data.user.data.id;

Answer 2

Make sure to provide type information for httpsCallable.

Define the types for RequestData and ResponseData when using httpsCallable.

const fetchUserByEmail = httpsCallable<{email: string}, {
  user: {
    data: {
      id: string,
    }
  }
}>(functions, 'getUserByEmail');

const { data } = await fetchUserByEmail({
    email: email,
});

const userId = data.user.data.id;

Answer 3

Answer №2

TS is unfamiliar with the concept of a user. To address this, you must create a user type guard.

Refer to the example in the documentation to see how TS interprets types in each if statement:

function f(x: unknown) {
  if (typeof x === "string" || typeof x === "number") {
    x; // string | number
  }
  if (x instanceof Error) {
    x; // Error
  }
  if (isFunction(x)) {
    x; // Function
  }
}

For your specific issue, you may need something like this:

export const isUser(x: any): x is User {
  // Check the properties here to ensure that x is indeed a user
}

For further details, refer to https://www.typescriptlang.org/docs/handbook/advanced-types.html#user-defined-type-guards

Answer 4

TS is unfamiliar with the concept of a user. To address this, you must create a user type guard.

Refer to the example in the documentation to see how TS interprets types in each if statement:

function f(x: unknown) {
  if (typeof x === "string" || typeof x === "number") {
    x; // string | number
  }
  if (x instanceof Error) {
    x; // Error
  }
  if (isFunction(x)) {
    x; // Function
  }
}

For your specific issue, you may need something like this:

export const isUser(x: any): x is User {
  // Check the properties here to ensure that x is indeed a user
}

For further details, refer to https://www.typescriptlang.org/docs/handbook/advanced-types.html#user-defined-type-guards

The data retrieved from the function is classified as an indeterminate type - functions version 9

Answer №1

Answer №2

Similar questions

Issue with parameter in Angular 2 component

What is the most efficient way to fetch only the newly updated child data from a Firebase database?

What's the reason for Webstorm's Angular (TSLINT) alert when the attribute "_id" is defined in the model?

Creating an interface for a class instance through the implementation of a class constructor

I have a quick question: What is the most effective method for creating PDF templates with Angular and .NET 6, specifically for designs that feature heavy

Angular2-starter configuration setup with environment-based variables (such as .env or .conf) for testing and production settings

Uploading files using Remix.run: Transforming a File object into a string during the action

What is the proper method for verifying token payloads using passport-jwt?

Interfaces in Typescript

What could be the possible reason for the token having a null value during login authentication in

Using Typescript with MongoDB's JSON schema

The function item$.take cannot be found, resulting in a TypeError: "item$.take is not a function"

Setting up users with email and phone provider via Admin Firebase

What is the significance of incorporating react context, createContext, useContext, and useStore in Mobx?

Is it possible to assign an interface as an argument of an arrow function?

Efficiently managing desktop and mobile pages while implementing lazy loading in Angular

Tips for creating an efficient folder structure for your Angular 6 project that can easily scale

Sharing references in React Native using TypeScript: The (property) React.MutableRefObject<null>.current is potentially null

Using RxJs in an Angular 2 application to enable row selection in a table by detecting mouse movements

Triggering an event through a shared messaging service to update the content of a component