Skip to content

Commit d2cd4c4

Browse files
author
MatiasWorker
committed
fix useRefMutationObserver when using references
without current
1 parent 19be0c1 commit d2cd4c4

File tree

4 files changed

+6
-61
lines changed

4 files changed

+6
-61
lines changed

packages/use-mutation-observer/dist/use-mutation-observer.d.ts

Lines changed: 0 additions & 22 deletions
This file was deleted.

packages/use-mutation-observer/dist/use-mutation-observer.js

Lines changed: 0 additions & 35 deletions
This file was deleted.

packages/use-mutation-observer/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "@atomico/use-mutation-observer",
33
"description": "Series of utilities in hooks format to extend the operation of Atomico",
4-
"version": "2.0.0",
4+
"version": "2.0.1",
55
"type": "module",
66
"author": {
77
"name": "UpperCod",

packages/use-mutation-observer/src/index.ts

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Ref, useHost, useInsertionEffect, useRef } from "atomico";
1+
import { Ref, useHost, useRef, useRefEffect } from "atomico";
22

33
export function useMutationObserver(
44
callback: MutationCallback,
@@ -22,7 +22,9 @@ export function useRefMutationObserver(
2222

2323
ref.current = callback;
2424

25-
useInsertionEffect(() => {
25+
useRefEffect(() => {
26+
if (!host.current) return;
27+
2628
const mutation = new MutationObserver((entries) => {
2729
entries.forEach(({ addedNodes }) => addedNodes.forEach(map));
2830
ref.current(entries, mutation);
@@ -39,5 +41,5 @@ export function useRefMutationObserver(
3941
host.current.childNodes.forEach(map);
4042

4143
return () => mutation.disconnect();
42-
}, []);
44+
}, [host]);
4345
}

0 commit comments

Comments
 (0)