♻️ improve DX: useEvent<T>(data?: T)

src/mocks.ts

@@ -5,9 +5,9 @@ class PusherChannelMock {
   /** Initialize PusherChannelMock with callbacks object. */
   callbacks: { [name: string]: Function[] };
   name: string;
-  constructor(name: string) {
+  constructor(name?: string) {
     this.callbacks = {};
-    this.name = name;
+    this.name = name || "channel";
   }
 
   /**

src/useClientTrigger.ts

@@ -13,7 +13,7 @@ export function useClientTrigger<T>(channel: Channel | PresenceChannel<T>) {
   const trigger = useCallback(
     (eventName: string, data?: any) => {
       invariant(eventName, "Must pass event name to trigger a client event.");
-      channel && channel.trigger(eventName, { data });
+      channel && channel.trigger(eventName, data);
     },
     [channel]
   );

src/useEvent.ts

@@ -9,10 +9,10 @@ import { Channel, PresenceChannel, EventCallback } from "pusher-js";
  * @param callback Callback to call on a new event
  * @param dependencies Dependencies the callback uses.
  */
-export function useEvent(
+export function useEvent<T>(
   channel: Channel | PresenceChannel<any> | undefined,
   eventName: string,
-  callback: EventCallback,
+  callback: (data?: T) => void,
   dependencies: any[] = []
 ) {
   invariant(eventName, "Must supply eventName and callback to onEvent");