hunk.code_window:   ...props
   }: Props) => {
     const className = clsx(
       'inline-grid appearance-none cursor-pointer text-sm sm:text-base font-bold tracking-normal px-2 sm:px-4 py-1.5 sm:py-2 gap-1 sm:gap-1.5 grid-flow-col rounded-lg shadow-xl shadow-sky-500/20 no-underline hover:no-underline justify-center items-center transition-all duration-300',
       {
         ['bg-primary text-white hover:text-white hover:bg-sky-700']:
           variant === 'primary',
         ['bg-gradient-to-r from-sky-50 to-sky-200 text-slate-800 hover:text-primary-darker']:
           variant === 'secondary',
  
hunk.labels: keep keep keep keep keep replace keep keep keep
hunk.after_edit:       ['bg-primary text-white hover:text-white hover:bg-primary-dark']:
  
hunk.file_path: www/src/components/Button.tsx
hunk.type: replace
file: import { createTRPCProxyClient } from '@trpc/client';
  import fetch from 'node-fetch';
  import type { AppRouter } from './router';
  
  // polyfill
  global.fetch = fetch as any;
  
  async function main() {
    const client = createTRPCProxyClient<AppRouter>({
      url: 'http://localhost:3000/trpc',
    });
  
    const withoutInputQuery = await client.hello.greeting.query();
    console.log(withoutInputQuery);
  
    const withInputQuery = await client.hello.greeting.query({ name: 'Alex' });
    console.log(withInputQuery);
  }
  
  main();
  