Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Pull out property of computed value: TypeScript Error

See original GitHub issue

interface IBook { id: string tittle: string ... }

const model = { currentBook?: Computed<Books, IBook | undefined, IBook>; }

currentBook: computed((state) => state.books.find((book) => book.id === state.id))

const Component => { currentBook?.id // **TypeScript Error Property 'id' does not exist on type 'Computed '.** currentBook?.title // **TypeScript Error Property 'title' does not exist on type 'Computed '.** currentBook?.result?.id // undefined }

@ts-ignore const { publisher, synopsis, title, author, pageCount, id, coverImageUrl } = currentBook; // WORKS

Issue Analytics

State:
Created a year ago
Comments:6 (3 by maintainers)

Top GitHub Comments

1reaction

Standupiccommented, Apr 17, 2022

@jacekk It works properly, thanks for your time.

 const currentBook = useStoreState((state: StoreModel) => state.books.currentBook);
  if (currentBook && currentBook.result) {
  const { publisher, synopsis, title, author, pageCount, id, coverImageUrl } = currentBook.result;

1reaction

jacekkcommented, Apr 17, 2022

@Standupic I can see the property --> https://github.com/Standupic/Book-discovery/blob/main/src/types/books.ts#L8 😉 So just add a check in your Book component.