Trouble Modifying Atom Value in Vue Composable with Effect Typescript Library

const runtime = Atom.runtime(ApiClient.Default)

const apiKeysRemote = runtime.atom(
  Effect.gen(function* () {
    const api = yield* ApiClient
    const keys = yield* api.http.apiKeys.listApiKeys()

    return keys
  })
)

export const useApiKeys = () => {
  const passThrough = useAtomValue(() => apiKeysRemote)

  const apiKeys = computed({
    get:() => passThrough.value?.value?.apiKeys
  })

    const loading = computed(() => passThrough.value?.waiting)

const runtime = Atom.runtime(ApiClient.Default)

const apiKeysRemote = runtime.atom(
  Effect.gen(function* () {
    const api = yield* ApiClient
    const keys = yield* api.http.apiKeys.listApiKeys()

    return keys
  })
)

export const useApiKeys = () => {
  const passThrough = useAtomValue(() => apiKeysRemote)

  const apiKeys = computed({
    get:() => passThrough.value?.value?.apiKeys
  })

    const loading = computed(() => passThrough.value?.waiting)