CellExample.tsx

import currentUser from "app/auth/queries/currentUser"

// You'd need some sort of transform to evaluate this function and turn it into an object
// that could be passed to the server. You could just replace the definition of the `currentUser`
// function with:
// const currentUser = (args) => args
// and then just send the returned params to the server.
export const query = currentUser();

// This displays when the query is loading.
export const loading = () => <h1>Loading...</h1>

// This displays if the query is empty.
export const empty = () => <h1>You're not logged in :(</h1>

// This displays if there was some fetch error.
export const error = () => <h1>It looks like there was an error :(</h1>

// Finally, this shows up if the data was loaded correctly.
export const data = ({ data: currentUser }) => <h1>Hello there, {currentUser.name]!</h1>