Would this break reactivity?

I'm new to signals. The solidstart tutorial mentioned that destructuring may break reactivity in components. I don't fully understand that just yet and wonder if that means the following hook would break reactivity. This is a convenience hook I'm writing to simplify usage of the

better-auth

better-auth

better-auth

better-auth useSession hook.

If it can potentially break reactivty, how would you suggest accomplishing the goal of unpacking the

data

data

data

data field into

user

user

user

user and

session

session

session

session?

export function useUserSession() {
    const sData = useSession()

    const unpacked = () => {
        const { data, ...statusProps } = sData()

        return {
            user: data?.user,
            session: data?.session,
            isAuthenticated: data?.session.token,
            ...statusProps
        }
    }
    return unpacked
}

export function useUserSession() {
    const sData = useSession()

    const unpacked = () => {
        const { data, ...statusProps } = sData()

        return {
            user: data?.user,
            session: data?.session,
            isAuthenticated: data?.session.token,
            ...statusProps
        }
    }
    return unpacked
}

export function useUserSession() {
    const sData = useSession()

    const unpacked = () => {
        const { data, ...statusProps } = sData()

        return {
            user: data?.user,
            session: data?.session,
            isAuthenticated: data?.session.token,
            ...statusProps
        }
    }
    return unpacked
}

export function useUserSession() {
    const sData = useSession()

    const unpacked = () => {
        const { data, ...statusProps } = sData()

        return {
            user: data?.user,
            session: data?.session,
            isAuthenticated: data?.session.token,
            ...statusProps
        }
    }
    return unpacked
}

Would this break reactivity?

Similar Threads

Similar Threads

Similar Threads