Для чего нужен хук useImperativeHandle?

import React, { useImperativeHandle, forwardRef, useRef } from 'react'; 

const CustomInput = forwardRef((props, ref) => {
  	const inputRef = useRef();  
  
  	useImperativeHandle(ref, () => ({
      		focus: () => {   
         		inputRef.current.focus(); // Предоставляем метод для фокусировки    
     		 },    
     		 clear: () => {   
        		inputRef.current.value = ''; // Предоставляем метод для очистки поля    
      		}  
  	}));  
  
  	return <input ref={inputRef} type="text" />; 
}); 

function ParentComponent() {
  	const inputRef = useRef();  
  
  	const handleFocus = () => {
      		inputRef.current.focus(); // Вызываем метод focus на дочернем компоненте  
  	};  
  	const handleClear = () => {
      		inputRef.current.clear(); // Вызываем метод clear на дочернем компоненте  
  	};  
  
  	return (
      		<div>   
         		<CustomInput ref={inputRef} />      
         		<button onClick={handleFocus}>Установить фокус</button>      
         		<button onClick={handleClear}>Очистить поле</button>    
      		</div>  
  	); 
}