useEffect(() => {
    const fetchPins = async () => {
      setLoading(true);
      setError(null);

      try {
        let query;

        if (text === "created") {
          console.log("Running userCreatedPinsQuery");
          query = userCreatedPinsQuery(userId);
        } else {
          console.log("Running userSavedPinsQuery");
          query = userSavedPinsQuery(userId);
        }

        console.log("Generated query:", query);

        const data = await client.fetch(query);

        console.log("Fetched data:", data);

        setPins(data);
      } catch (err) {
        console.error("Error fetching pins:", err);
        setError(err);
      } finally {
        setLoading(false);
      }
    };

    fetchPins();
    console.log(`Fetching pins for text: ${text} and userId: ${userId}`);
  }, [text, userId]);

 useEffect(() => {
    const fetchPins = async () => {
      setLoading(true);
      setError(null);

      try {
        let query;

        if (text === "created") {
          console.log("Running userCreatedPinsQuery");
          query = userCreatedPinsQuery(userId);
        } else {
          console.log("Running userSavedPinsQuery");
          query = userSavedPinsQuery(userId);
        }

        console.log("Generated query:", query);

        const data = await client.fetch(query);

        console.log("Fetched data:", data);

        setPins(data);
      } catch (err) {
        console.error("Error fetching pins:", err);
        setError(err);
      } finally {
        setLoading(false);
      }
    };

    fetchPins();
    console.log(`Fetching pins for text: ${text} and userId: ${userId}`);
  }, [text, userId]);