♻ Use TypedDocumentNode's instead of apollo-react-typescript codegen
💄 Add toast
22 lines
652 B
TypeScript
22 lines
652 B
TypeScript
import { useCallback, useEffect, useRef } from "react";
|
|
|
|
export function usePrevious(value: any) {
|
|
// The ref object is a generic container whose current property is mutable ...
|
|
// ... and can hold any value, similar to an instance property on a class
|
|
const ref = useRef();
|
|
|
|
// Store current value in ref
|
|
useEffect(() => {
|
|
ref.current = value;
|
|
}, [value]); // Only re-run if value changes
|
|
// Return previous value (happens before update in useEffect above)
|
|
return ref.current;
|
|
}
|
|
|
|
export function useToast() {
|
|
const show = useCallback(() => {
|
|
console.log("showing toast with element from root");
|
|
}, []);
|
|
return { show };
|
|
}
|