@unitedstatespowersquadrons/components 1.2.9-pre.1 → 1.2.9-pre.3

package/Reducer/Example/appstate.tsx

@@ -1,4 +1,4 @@
 import { AppState } from "./types";
-import buildUnreducibleState from "../useBuildUnreducibleState";
+import buildUnreducibleState from "../buildUnreducibleState";
 
 export const { AppProvider, useAppState } = buildUnreducibleState<AppState>();

package/Reducer/{useBuildReducer.tsx → buildReducer.tsx}

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useEffect, useMemo, useRef } from "react";
+import React, { createContext, useContext, useEffect, useMemo } from "react";
 import { Draft, produce } from "immer";
 import { useImmerReducer } from "use-immer";
 import { Cable, createConsumer } from "@rails/actioncable";
@@ -9,7 +9,7 @@ interface InitialAppProps<AppState> {
   children: React.ReactNode;
 }
 
-export default function useBuildReducer<AppState, AppAction>(
+export default function buildReducer<AppState, AppAction>(
   reducer: (draft: Draft<AppState>, action: AppAction) => void,
   handlers: ReducerHandler<AppAction>[] = [],
   actionCableUrl?: string
@@ -19,7 +19,7 @@ export default function useBuildReducer<AppState, AppAction>(
   const CableContext = createContext<Cable | null>(null);
 
   const cable = actionCableUrl ? createConsumer(actionCableUrl) : null;
-  const cableRef = useRef<ChannelCallbacks>(null);
+  let subscription: ChannelCallbacks;
 
   function AppProvider(props: InitialAppProps<AppState>) {
     const [providerState, dispatch] = useImmerReducer(reducer, props.initialState, (state: AppState) => {
@@ -67,14 +67,19 @@ export default function useBuildReducer<AppState, AppAction>(
     useEffect(() => {
       const { channel, dispatch, ...rest } = options;
 
-      cableRef.current = appCable.subscriptions.create(
+      subscription = appCable.subscriptions.create(
         { channel, ...rest } as ChannelSubscriptionOptions,
         {
           received: (data: object) => dispatch({ data, type: "receivedCable" }),
         } as ChannelCallbacks
       );
 
-      return () => cableRef.current!.unsubscribe();
+      return(
+        () => {
+          console.log({ subscription: "stop" });
+          subscription.unsubscribe();
+        }
+      );
     }, [appCable.subscriptions, options]);
 
     return(cable!);

package/Reducer/{useBuildUnreducibleState.tsx → buildUnreducibleState.tsx}

@@ -5,7 +5,7 @@ interface InitialAppProps<AppState> {
   children: React.ReactNode;
 }
 
-export default function useBuildUnreducibleState<AppState>() {
+export default function buildUnreducibleState<AppState>() {
   const StateContext = createContext<AppState | null>(null);
 
   const AppProvider = (props: InitialAppProps<AppState>) => {

package/Reducer/index.tsx

@@ -1,4 +1,4 @@
 export { default as wrapDispatch } from "./wrapDispatch";
-export { default as buildReducer } from "./useBuildReducer";
-export { default as buildUnreducibleState } from "./useBuildUnreducibleState";
+export { default as buildReducer } from "./buildReducer";
+export { default as buildUnreducibleState } from "./buildUnreducibleState";
 export type * from "./types";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unitedstatespowersquadrons/components",
-  "version": "1.2.9-pre.1",
+  "version": "1.2.9-pre.3",
   "description": "USPS shared React components library",
   "main": "index.tsx",
   "scripts": {