React: set state from another component by calling a function

Question

I want to render an alert message by calling a function, basically how vanilla javascript alert() function works.

This is my code:

import React, { useState