UseQuery iterator not working for me

Cannot use stream-like response in non-streaming request - use httpBatchStreamLink

Cannot use stream-like response in non-streaming request - use httpBatchStreamLink

const t = initTRPC.context<ExpressContext>().create({
  experimental: {
    iterablesAndDeferreds: true,
  },
});
//...
test: appProc.query(async function* () {
  for (let i = 0; i < 10; i++) {
    await sleep(1000); 
    yield i;
  }
}),

const t = initTRPC.context<ExpressContext>().create({
  experimental: {
    iterablesAndDeferreds: true,
  },
});
//...
test: appProc.query(async function* () {
  for (let i = 0; i < 10; i++) {
    await sleep(1000); 
    yield i;
  }
}),

export const trpc = createTRPCReact<AppRouter>();
//...
const iterable = trpc./*...*/.test.useQuery();

export const trpc = createTRPCReact<AppRouter>();
//...
const iterable = trpc./*...*/.test.useQuery();