🤖 Merge PR DefinitelyTyped#69365 Add type variables to SenderPort and…

… ReceiverPort in react-elm-components by @akselw
jdelStrother · Apr 16, 2024 · 7f801fd · 7f801fd
1 parent 709bec4
commit 7f801fd
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/types/react-elm-components/index.d.ts b/types/react-elm-components/index.d.ts
@@ -16,14 +16,14 @@ declare namespace Elm {
         init: ({ node, flags }: { node: HTMLElement; flags: any }) => any;
     }
 
-    interface SenderPort {
-        send: (data: any) => void;
+    interface SenderPort<Data> {
+        send: (data: Data) => void;
     }
-    interface ReceiverPort {
-        subscribe: (callback: (value: any) => void) => void;
+    interface ReceiverPort<Value> {
+        subscribe: (callback: (value: Value) => void) => void;
     }
     interface Ports {
-        [x: string]: SenderPort | ReceiverPort;
+        [x: string]: SenderPort<any> | ReceiverPort<any>;
     }
 }
 

diff --git a/types/react-elm-components/react-elm-components-tests.tsx b/types/react-elm-components/react-elm-components-tests.tsx
@@ -13,7 +13,12 @@ function App() {
 }
 
 function AppWithPorts() {
-    return <Elm src={Elm19Mock.main} ports={(ports: Record<string, any>) => {}} />;
+    return (
+        <Elm
+            src={Elm19Mock.main}
+            ports={(ports: Record<string, Elm.SenderPort<{ value: number }> | Elm.ReceiverPort<string>>) => {}}
+        />
+    );
 }
 
 function AppWithFlags() {