// Importing the AlertContext manully
-import { useContext } from "react";
-import { AlertContext } from "./alert-context";
+import { useAlert } from "./alert-context";

function MyComponent({ message }: { message: string }) {
  // Passing context to useContext
-  const { alerts, addAlert } = useContext(AlertContext);
+  const { alerts, addAlert } = useAlert();
 
  // ...
}