Apply suggestions from code review

fixed more issues

Co-authored-by: Alina Listunova <alinkedd@users.noreply.github.com>

Author: MaksymMohyla

src/content/reference/react/useImperativeHandle.md

@@ -46,7 +46,7 @@ function MyInput({ ref }) {
 
 <Note>
 
-Починаючи з React 19 [`реф` доступний як проп.](/blog/2024/12/05/react-19#ref-as-a-prop) У React 18 і старіших версіях необхідно було отримувати `реф` з [`forwardRef`.](/reference/react/forwardRef)
+Починаючи з React 19, [`ref` доступний як проп.](/blog/2024/12/05/react-19#ref-as-a-prop) У React 18 і старіших версіях необхідно було отримувати `ref` із [`forwardRef`.](/reference/react/forwardRef)
 
 </Note>
 
@@ -58,17 +58,17 @@ function MyInput({ ref }) {
 
 ## Використання {/*usage*/}
 
-### Надання кастомного об'єкта посилання батьківському компоненту {/*exposing-a-custom-ref-handle-to-the-parent-component*/}
+### Доступ батьківського елемента до налаштованого дескриптора рефа {/*exposing-a-custom-ref-handle-to-the-parent-component*/}
 
-Щоб надати DOM-вузол батьківському елементу, передайте проп ref до цього вузла.
+Щоб надати доступ до DOM-вузла батьківському елементу, передайте проп `ref` далі до цього вузла.
 
 ```js {2}
 function MyInput({ ref }) {
   return <input ref={ref} />;
 };
 ```
 
-У коді вище [посилання до `MyInput` отримає DOM вузол `<input>`.](/learn/manipulating-the-dom-with-refs) Однак, замість цього ви можете передати кастомне значення. Щоб кастомізувати наданий об'єкт посилання, викличте `useImperativeHandle` на верхньому рівні вашого компонента:
+У коді вище [реф, переданий компоненту `MyInput`, отримає DOM-вузол `<input>`.](/learn/manipulating-the-dom-with-refs) Однак, замість цього ви можете задати власне значення. Щоб налаштувати публічний дескриптор, викличте `useImperativeHandle` на верхньому рівні вашого компонента:
 
 ```js {4-8}
 import { useImperativeHandle } from 'react';
@@ -84,9 +84,9 @@ function MyInput({ ref }) {
 };
 ```
 
-Зверніть увагу, що в наданому вище коді `реф` більше не передається до `<input>`.
+Зверніть увагу, що в наведеному вище коді `ref` більше не передається елементу `<input>`.
 
-Наприклад, припустимо, ви не хочете використовувати весь вузол DOM `<input>`, а лише два його методи: `focus` і `scrollIntoView`. Щоб зробити це, зберігайте справжній браузерний DOM у окремому посиланні. Потім викличте `useImperativeHandle` щоб повернути об'єкт, який містить лише ті методи, які ви хочете, щоб батьківський компонент викликав:
+Наприклад, припустимо, що ви не хочете робити публічним весь DOM-вузол `<input>`, а лише два його методи: `focus` і `scrollIntoView`. У цьому разі зберігайте справжній браузерний DOM в окремому рефі. Потім викличте `useImperativeHandle`, щоб надати доступ до дескриптора, який містить лише методи, необхідні для виклику батьківським компонентом:
 
 ```js {7-14}
 import { useRef, useImperativeHandle } from 'react';
@@ -109,7 +109,7 @@ function MyInput({ ref }) {
 };
 ```
 
-Тепер, якщо батьківський компонент передасть реф до `MyInput`, він буде здатний викликати методи `focus` і `scrollIntoView` в компоненті. Однак, він не буде мати повного доступу до DOM вузла `<input>`.
+Тепер якщо батьківський компонент передасть реф до `MyInput`, він зможе викликати його методи `focus` і `scrollIntoView`. Однак, він не буде мати повного доступу до справжнього DOM-вузла `<input>`.
 
 <Sandpack>
 
@@ -122,7 +122,7 @@ export default function Form() {
 
   function handleClick() {
     ref.current.focus();
-    // Це не спрацює, бо вузол DOM не був представлений:
+    // Це не спрацює, бо вузол DOM не публічний:
     // ref.current.style.opacity = 0.5;
   }