@kaspernj/api-maker 1.0.383 → 1.0.384

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaspernj/api-maker",
-  "version": "1.0.383",
+  "version": "1.0.384",
   "type": "module",
   "description": "",
   "main": "index.js",

package/src/table/use-breakpoint.mjs

@@ -1,4 +1,4 @@
-import {useCallback, useMemo} from "react"
+import {useCallback, useLayoutEffect} from "react"
 import apiMakerConfig from "@kaspernj/api-maker/src/config.mjs"
 import useShape from "set-state-compare/src/use-shape.js"
 
@@ -30,7 +30,7 @@ const useBreakpoint = () => {
     breakpoint: () => calculateBreakPoint()
   })
 
-  useMemo(() => {
+  useLayoutEffect(() => {
     window.addEventListener("resize", onCalled)
 
     return () => {

package/src/use-can-can.mjs

@@ -1,5 +1,5 @@
 import CanCan from "./can-can.mjs"
-import {useCallback, useMemo, useState} from "react"
+import {useCallback, useLayoutEffect, useMemo, useState} from "react"
 import useCurrentUser from "./use-current-user.mjs"
 import useShape from "set-state-compare/src/use-shape.js"
 
@@ -31,7 +31,7 @@ const useCanCan = (abilitiesCallback, dependencies) => {
     loadAbilities()
   }, dependencies)
 
-  useMemo(() => {
+  useLayoutEffect(() => {
     CanCan.current().events.addListener("onResetAbilities", onResetAbilities)
 
     return () => {

package/src/use-collection.mjs

@@ -2,7 +2,7 @@ import debounce from "debounce"
 import {digg} from "diggerize"
 import * as inflection from "inflection"
 import ModelEvents from "./model-events.mjs"
-import {useCallback, useMemo} from "react"
+import {useCallback, useLayoutEffect, useMemo} from "react"
 import useCreatedEvent from "./use-created-event.mjs"
 import useShape from "set-state-compare/src/use-shape.js"
 import useQueryParams from "on-location-changed/src/use-query-params.js"
@@ -251,7 +251,7 @@ const useCollection = (props, cacheKeys = []) => {
 
   useCreatedEvent(s.p.modelClass, onCreated)
 
-  useMemo(() => {
+  useLayoutEffect(() => {
     const connections = []
 
     if (s.s.models) {

package/src/use-created-event.mjs

@@ -2,7 +2,7 @@ import debounceFunction from "debounce"
 import ModelEvents from "./model-events.mjs"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
-import {useCallback, useMemo} from "react"
+import {useCallback, useLayoutEffect} from "react"
 import useShape from "set-state-compare/src/use-shape.js"
 
 const ApiMakerUseCreatedEvent = (modelClass, onCreated, args = {}) => {
@@ -33,7 +33,7 @@ const ApiMakerUseCreatedEvent = (modelClass, onCreated, args = {}) => {
     }
   }, [])
 
-  useMemo(() => {
+  useLayoutEffect(() => {
     const connectCreated = ModelEvents.connectCreated(s.p.modelClass, (...args) => onCreatedCallback(...args))
 
     return () => {

package/src/use-destroyed-event.mjs

@@ -1,4 +1,4 @@
-import {useCallback, useMemo} from "react"
+import {useCallback, useLayoutEffect, useMemo} from "react"
 import debounceFunction from "debounce"
 import ModelEvents from "./model-events.mjs"
 import useShape from "set-state-compare/src/use-shape.js"
@@ -34,7 +34,7 @@ const apiMakerUseDestroyedEvent = (model, onDestroyed, props) => {
     }
   }, [])
 
-  useMemo(() => {
+  useLayoutEffect(() => {
     let connectDestroyed, onConnectedListener
 
     if (model) {

package/src/use-event-emitter.mjs

@@ -1,7 +1,7 @@
-import {useMemo} from "react"
+import {useLayoutEffect} from "react"
 
 const ApiMakerUseEventEmitter = (events, event, onCalled) => {
-  useMemo(() => {
+  useLayoutEffect(() => {
     if (events) {
       events.addListener(event, onCalled)
 

package/src/use-event-listener.mjs

@@ -1,11 +1,11 @@
-import {useCallback, useMemo} from "react"
+import {useCallback, useLayoutEffect} from "react"
 
 const ApiMakerUseEventListener = (target, event, onCalled) => {
   const onCalledCallback = useCallback((...args) => {
     onCalled.apply(null, args)
   }, [target, event, onCalled])
 
-  useMemo(() => {
+  useLayoutEffect(() => {
     if (target) {
       target.addEventListener(event, onCalledCallback)
 

package/src/use-model.mjs

@@ -1,4 +1,4 @@
-import {useCallback, useMemo, useState} from "react"
+import {useCallback, useLayoutEffect, useMemo, useState} from "react"
 import Devise from "./devise.mjs"
 import * as inflection from "inflection"
 import ModelEvents from "./model-events.mjs"
@@ -95,7 +95,7 @@ const useModel = (modelClassArg, argsArg = {}) => {
     cacheArgs
   )
 
-  useMemo(() => {
+  useLayoutEffect(() => {
     let reloadModelCallback
 
     if (args.events) {
@@ -109,7 +109,7 @@ const useModel = (modelClassArg, argsArg = {}) => {
     }
   }, [args.events])
 
-  useMemo(() => {
+  useLayoutEffect(() => {
     let connectUpdated
 
     if (model && args.eventUpdated) {
@@ -129,7 +129,7 @@ const useModel = (modelClassArg, argsArg = {}) => {
     loadModel()
   }, [])
 
-  useMemo(() => {
+  useLayoutEffect(() => {
     Devise.events().addListener("onDeviseSignIn", onSignedIn)
     Devise.events().addListener("onDeviseSignOut", onSignedOut)
 
@@ -147,7 +147,7 @@ const useModel = (modelClassArg, argsArg = {}) => {
     s.p.onDestroyed(forwardArgs)
   }, [])
 
-  useMemo(() => {
+  useLayoutEffect(() => {
     let connectDestroyed
 
     if (model && args.onDestroyed) {

package/src/use-resize-observer.mjs

@@ -1,4 +1,4 @@
-import {useCallback, useMemo} from "react"
+import {useCallback, useLayoutEffect, useMemo} from "react"
 import useShape from "set-state-compare/src/use-shape.js"
 
 const useResizeObserver = (element, callback) => {
@@ -8,7 +8,7 @@ const useResizeObserver = (element, callback) => {
   }, [])
   const observer = useMemo(() => new ResizeObserver(onResize), [])
 
-  useMemo(() => {
+  useLayoutEffect(() => {
     if (element) {
       observer.observe(element)
     }

package/src/use-updated-event.mjs

@@ -1,4 +1,4 @@
-import {useCallback, useMemo} from "react"
+import {useCallback, useLayoutEffect, useMemo} from "react"
 import debounceFunction from "debounce"
 import ModelEvents from "./model-events.mjs"
 import useShape from "set-state-compare/src/use-shape.js"
@@ -32,7 +32,7 @@ const apiMakerUseUpdatedEvent = (model, onUpdated, {active = true, debounce, onC
     }
   }, [])
 
-  useMemo(() => {
+  useLayoutEffect(() => {
     let connectUpdated, onConnectedListener
 
     if (model) {