setDatasetOwnerId(dataset.ownerId);
          setPermissions(dataset.permissions || []);

          setDatasetOwnerId(dataset.data?.owner);
          setPermissions(dataset.data?.permissions || []);

      if (!locationId || !datasetId) return;
      // Try to get from location state first
      const state = location.state as { locationName?: string } | null;
      if (state?.locationName) {
        setLocationName(state.locationName);
        setLoading(false);

      if (!locationId || !datasetId) {

      // Otherwise fetch from API

      // Try to get location name from state first
      const state = location.state as { locationName?: string } | null;
      

        // Fetch location info
        const locationResponse = await fetch(`/api/locations/${locationId}`, {
          headers: { Authorization: `Bearer ${accessToken}` },
        });
        
        if (locationResponse.ok) {
          const locationData = await locationResponse.json();
          setLocationName(locationData.name);

        // Use location name from state if available, otherwise fetch it
        if (state?.locationName) {
          setLocationName(state.locationName);
        } else {
          const locationResponse = await fetch(`/api/locations/${locationId}`, {
            headers: { Authorization: `Bearer ${accessToken}` },
          });
          
          if (locationResponse.ok) {
            const locationData = await locationResponse.json();
            setLocationName(locationData.name);
          }

        // Fetch dataset permissions

        // Always fetch dataset permissions

          setPermissions(dataset.permissions || []);

          setPermissions(dataset.data?.permissions || []);

                  console.log("Rendering cluster:", cluster.id, cluster.name);

                          console.log("Cluster clicked:", cluster.id);