useMount

Just like useEffect but runs only when the component mounts.

Installation

npx rabbithook@latest add use-mount

Usage

App.tsx

import useMount from "@/hooks/use-mount";

function Component() {
  useMount(() => {
    console.log("Component mounted");
  });

  return ();
}

Code

Typescript

use-mount.ts

import { useEffect } from "react";

function useMount(callback: Function) {
  useEffect(() => {
    callback();
  }, [])
}

export default useMount;

Javascript

use-mount.js

import { useEffect } from "react";

function useMount(callback) {
  useEffect(() => {
    callback();
  }, [])
}

export default useMount;