I have a functional component that looks like this:

export const Navbarr = ({items}) => {
 

  const [user,  error] = useAuthState(auth);
  const [cartItems, setCartItems]=React.useState(0);

  const fetchUserCartItems=async()=>{
  
      const q = query(collection(db, "users"), where("uid", "==", user?.uid));
      const doc = await getDocs(q);
      const data = doc.docs[0].data();   
      setCartItems(data.cartItems);
      
  }

Can "items" be modified with the value of cartItems? And how?

Thank you