lanthe Comments - Convex Community

console.logging is telling me that it successfully gets set the first time the page loads, but then that gets wiped before I can interact with it in the console. The second time the page loads, a new UUID gets generated and that one gets successfully set and stored, and doesn't get wiped.

14 replies

CCConvex Community

•Created by lanthe on 3/29/2024 in #support-community

convex-session-id doesn't consistently get set

my understanding is that this should set convex-session-id in session storage right away, but it doesn't. If I reload the page, then it does. I am currently digging around your sessions.ts to figure out what it's doing but it's slow going because I'm just not that fluent in js yet

14 replies

CCConvex Community

•Created by lanthe on 3/29/2024 in #support-community

convex-session-id doesn't consistently get set

import { api } from "../convex/_generated/api";
import { useSessionQuery, useSessionMutation } from "./sessions";
import ImageProcessor from "./ImageProcessor";


export default function App() {
  console.log(sessionStorage);
  return (<main><div>hello</div></main>);
}

import { api } from "../convex/_generated/api";
import { useSessionQuery, useSessionMutation } from "./sessions";
import ImageProcessor from "./ImageProcessor";


export default function App() {
  console.log(sessionStorage);
  return (<main><div>hello</div></main>);
}

14 replies

CCConvex Community

•Created by lanthe on 3/29/2024 in #support-community

convex-session-id doesn't consistently get set

App.tsx:

14 replies

CCConvex Community

•Created by lanthe on 3/29/2024 in #support-community

convex-session-id doesn't consistently get set

import { StrictMode } from "react";
import ReactDOM from "react-dom/client";
import "./index.css";
import App from "./App";
import { ConvexProvider, ConvexReactClient } from "convex/react";
import { SessionProvider } from "./sessions";

const convex = new ConvexReactClient(import.meta.env.VITE_CONVEX_URL);

ReactDOM.createRoot(document.getElementById("root")!).render(
  <StrictMode>
    <ConvexProvider client={convex}>
      <SessionProvider>
        <App />
      </SessionProvider>
    </ConvexProvider>
  </StrictMode>
);

import { StrictMode } from "react";
import ReactDOM from "react-dom/client";
import "./index.css";
import App from "./App";
import { ConvexProvider, ConvexReactClient } from "convex/react";
import { SessionProvider } from "./sessions";

const convex = new ConvexReactClient(import.meta.env.VITE_CONVEX_URL);

ReactDOM.createRoot(document.getElementById("root")!).render(
  <StrictMode>
    <ConvexProvider client={convex}>
      <SessionProvider>
        <App />
      </SessionProvider>
    </ConvexProvider>
  </StrictMode>
);