How to conditionally call useLiveQuery

const useElectricChatsByReportId = (reportId: string | null) => {
    const org = useCurrentOrg();
    const data = useLiveQuery(
        (q) =>
            q
                .from({
                    chats: chatsCollection
                })
                // Don't want to filter by null since that will match a bunch of chats
                .where(({ chats }) => eq(chats.reportId, reportId ?? 'undefined')),
        [org.id, reportId],
    );

    return data.data;
};

const useElectricChatsByReportId = (reportId: string | null) => {
    if (!reportId) return [];
    const org = useCurrentOrg();
    const data = useLiveQuery(
        (q) =>
            q
                .from({
                    chats: chatCollection,
                })
                // Don't want to filter by null since that will match a bunch of chats
                .where(({ chats }) => eq(chats.reportId, reportId ?? 'undefined')),
        [org.id, reportId],
    );

    return data.data;
};