How to fix "Expression produces a union type that is too complex to represent. ts(2590)"?

RaFi — Mon, 13 Mar 2023 20:22:04 +0000

the short solution

__For anyone that doesn't work the accepted solution try to delete the **node_modules **folder in your project and run again _npm install or yarn install

Running both commands was triggering the issue for me._

and long solution

the problem is after define chakra/ui tag has a red line

import { Flex } from '@chakra-ui/react';
  <Flex bg="white" height="42px" padding="6px 12px">
Navbar

    </Flex>

Open a JavaScript or TypeScript file in VS Code. In the VS Code command palette (F1 is the shortcut by default), run the TypeScript: Select TypeScript version command. Make sure you have Use workspace version selected

Also you could check this answer for @mui/material relative error

Unhandled Rejection (FirebaseError): No document to update

RaFi — Mon, 06 Mar 2023 17:50:25 +0000

When i creating my twitter clone with nextjs i got this error and it takes my 10 hours ,but luckily i got solution in my mind
my code was

const imageRef = ref(storage, `posts/${docRef.id}/image`);
 //setselctedfile is an error
 if(selectedFile){
  await uploadString(imageRef, selectedFile ,"data_url").then(async()=>{
    const downloadURL = await getDownloadURL(imageRef);
  await updateDoc(doc(db, "posts", docRef.id),{
    image:downloadURL
  }

  );
  });
 }

then i change updateDoc to onSnapshot

const imageRef = ref(storage, `posts/${docRef.id}/image`);
 //setselctedfile is an error
 if(selectedFile){
  await uploadString(imageRef, selectedFile ,"data_url").then(async()=>{
    const downloadURL = await getDownloadURL(imageRef);
  await onSnapshot(doc(db, "posts", docRef.id),{
    image:downloadURL
  }

  );
  });
 }

that's work for me .

DEV Community: RaFi

How to fix "Expression produces a union type that is too complex to represent. ts(2590)"?

the short solution

and long solution

Unhandled Rejection (FirebaseError): No document to update