option 2

.babelrc

@@ -4,8 +4,8 @@
         [
             "@babel/transform-react-jsx",
             {
-                "pragma": "Preact.h",
-                "pragmaFrag": "Preact.Fragment"
+                "runtime": "automatic",
+                "importSource": "preact"
             }
         ]
     ]

src/extensions/surveys.tsx

@@ -1,5 +1,3 @@
-/** @jsx Preact.h */
-
 import { PostHog } from '../posthog-core'
 import {
     BasicSurveyQuestion,

src/extensions/surveys/components/BottomSection.tsx

@@ -1,5 +1,3 @@
-/** @jsx Preact.h */
-
 import * as Preact from 'preact'
 import { window } from '../../../utils/globals'
 

src/extensions/surveys/components/PostHogLogo.tsx

@@ -1,5 +1,3 @@
-/** @jsx Preact.h */
-
 import { useContrastingTextColor } from '../hooks/useContrastingTextColor'
 import * as Preact from 'preact'
 import { IconPosthogLogo } from '../icons'

src/extensions/surveys/icons.tsx

@@ -1,7 +1,3 @@
-/** @jsx Preact.h */
-
-import * as Preact from 'preact' // eslint-disable-line @typescript-eslint/no-unused-vars
-
 export const satisfiedEmoji = (
     <svg className="emoji-svg" xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48">
         <path d="M626-533q22.5 0 38.25-15.75T680-587q0-22.5-15.75-38.25T626-641q-22.5 0-38.25 15.75T572-587q0 22.5 15.75 38.25T626-533Zm-292 0q22.5 0 38.25-15.75T388-587q0-22.5-15.75-38.25T334-641q-22.5 0-38.25 15.75T280-587q0 22.5 15.75 38.25T334-533Zm146 272q66 0 121.5-35.5T682-393h-52q-23 40-63 61.5T480.5-310q-46.5 0-87-21T331-393h-53q26 61 81 96.5T480-261Zm0 181q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-400Zm0 340q142.375 0 241.188-98.812Q820-337.625 820-480t-98.812-241.188Q622.375-820 480-820t-241.188 98.812Q140-622.375 140-480t98.812 241.188Q337.625-140 480-140Z" />