Jack Vane Posts - Answer Overflow

Jack Vane

Explore posts from servers

•Created by Jack Vane on 11/25/2024 in #support-community

Convex Auth on the server?

I'm using Convex Auth, Convex Ents, and TanStack Start. I want to be able to take advantage of the beforeLoad method of each route to redirect unauthenticated users as it's wasteful and prone to security leaks if I rely sole on the Authenticated and Unathenticated components as people have been suggesting here. Now I get that sessions are managed in localstorage, and it's a tall order to validate that on the server (wouldn't be a problem if you used cookies instead), but is there a plan to be able to let us get the auth status of a user on the server? There's already a way to use Convex calls on the server, so surely there's a way to check if a user is authenticated or not?

5 replies

SSolidJS

•Created by Jack Vane on 6/17/2024 in #support

Using Lucide Icons removes all components from the DOM.

I have a simple task of just loading icons to a page in Solid Start. src/routes/index.tsx

import { Title } from "@solidjs/meta";
import Counter from "~/components/Counter";
import IconTest from "~/components/exotic/test";

export default function Home() {
  return (
    <main>
      <Title>Hello World</Title>
      <Counter />
      <IconTest />
    </main>
  );
}

import { Title } from "@solidjs/meta";
import Counter from "~/components/Counter";
import IconTest from "~/components/exotic/test";

export default function Home() {
  return (
    <main>
      <Title>Hello World</Title>
      <Counter />
      <IconTest />
    </main>
  );
}

src/components/exotic/test

import { MenuIcon } from "lucide-solid";

function IconTest() {
  return (
    <div>
      <MenuIcon size={24} strokeWidth={1} />
    </div>
  );
}

export default IconTest;

import { MenuIcon } from "lucide-solid";

function IconTest() {
  return (
    <div>
      <MenuIcon size={24} strokeWidth={1} />
    </div>
  );
}

export default IconTest;

If I load the IconTest component, it will remove itself and the Counter from the DOM entirely. If I comment out the IconTest component, the button will reappear and is reactive. The same thing happens if I load an Icon into the navbar, only it will not remove the Counter from the DOM but the Counter will no longer be reactive. Is there a caveat to using icons that I'm overlooking here?

13 replies

Gaming

Programming