Montassar Ghanmy
18 lines
480 B
TypeScript
18 lines
480 B
TypeScript
import React, { useEffect, useRef } from 'react';
|
|
import HiddenNotificationService from 'components/scroll-hidden-components/hidden-notification-service';
|
|
|
|
type PropsType = {
|
|
tag: string;
|
|
};
|
|
|
|
export default ({ tag }: PropsType) => {
|
|
const ref = useRef<HTMLDivElement>(null);
|
|
useEffect(() => {
|
|
const instance = HiddenNotificationService.get(tag);
|
|
instance.addBeacon(ref);
|
|
return () => instance.removeBeacon(ref);
|
|
}, [tag, ref]);
|
|
|
|
return <div ref={ref} />;
|
|
};
|