Click event not working in protected route.

[ankurpowar]

So I have added the "authentication" as shown in the docs And it is working fine.
But the click events not working on the button.

Auth.js

import { clearSession, getSession, useSession } from "vinxi/http";

export async function createSession() {
  "use server";
  return await useSession({
    password: "SomeTokenButIDontKnowForWhatSomeTokenButIDontKnowForWhatSomeTokenButIDontKnowForWhat",
    cookie: {
      secure: false,
      httpOnly: true,
    },
  });
}

export async function readSession() {
  "use server";
  return await getSession({
    password: "SomeTokenButIDontKnowForWhatSomeTokenButIDontKnowForWhatSomeTokenButIDontKnowForWhat",

  });
}

export async function deleteSession() {
  "use server";
  return await clearSession();
}

User.jsx

import { createAsync, query, redirect } from "@solidjs/router";
import { readSession } from "~/backend/auth";

const getUser = query(async () => {
  "use server";

  const session = await readSession()
  
  if (!session?.data?.email) {
    throw redirect("/log-in");
  }

  return { email: session.data.email }

})

export default function User(props) {
  const user = createAsync(() => getUser(), { deferStream: true });
  const handleClick = ()=>{
    console.log('button clicked')
  }

  return (
    <div>
      <div class="sf-my-container">
        <h1>Hello,</h1>
        <h2>{user()?.email}</h2>
        <button onClick={handleClick}>Click me</button>
      </div>
      {props.children}
    </div>

  )
}

If i only keep the following version of User.jsx it still doesn't work.

import { createAsync, query, redirect } from "@solidjs/router";
import { readSession } from "~/backend/auth";

export default function User(props) {
  const handleClick = ()=>{
    console.log('button clicked')
  }

  return (
    <div>
      <div class="sf-my-container">
        <h1>Hello,</h1>
        <button onClick={handleClick}>Click me</button>
      </div>
      {props.children}
    </div>

  )
}

But as soon as i remove "readSession" import , the click event starts working.

[ankurpowar]

So I was using solidstart 1.0.10 and now I upgraded it latest version and the problem seems to be resolved.

[brenelz]

@ankurpowar Is it alright if I close this issue then?

[ankurpowar]

Yes, Please.