hunk.code_window: export const QuickIntro: FC = () => {
     return (
       <section id="#quick-intro">
         <SectionTitle
           id="quick-intro"
           title={
  
hunk.labels: keep keep keep replace keep keep keep
hunk.after_edit:     <section className="border border-gray-100 rounded-xl p-4 md:p-8 shadow-lg dark:shadow-lg dark:shadow-gray-900 dark:border-gray-900">
  
hunk.file_path: www/src/components/QuickIntro.tsx
hunk.type: replace
file: import * as trpc from '@trpc/server';
  import * as trpcNext from '@trpc/server/adapters/next';
  import { prisma } from '../utils/prisma';
  
  // create context based of incoming request
  // set as optional here so it can also be re-used for `getStaticProps()`
  export const createContext = async (
    opts?: trpcNext.CreateNextContextOptions,
  ) => {
    return {
      req: opts?.req,
      prisma,
      task: prisma.task,
    };
  };
  export type Context = trpc.inferAsyncReturnType<typeof createContext>;
  