Resolve merge conflicts

Author: alinkedd

.github/workflows/analyze_comment.yml

@@ -6,17 +6,11 @@ on:
     types:
       - completed
 
-<<<<<<< HEAD
-permissions: 
-  pull-requests: write
-
-=======
 permissions:
   contents: read
   issues: write
   pull-requests: write
 
->>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
 jobs:
   comment:
     runs-on: ubuntu-latest

src/content/learn/scaling-up-with-reducer-and-context.md

@@ -509,15 +509,9 @@ export default function TaskApp() {
   }
 
   return (
-<<<<<<< HEAD
-    <TasksContext.Provider value={tasks}>
-      <TasksDispatchContext.Provider value={dispatch}>
-        <h1>Вихідний день у Кіото</h1>
-=======
     <TasksContext value={tasks}>
       <TasksDispatchContext value={dispatch}>
-        <h1>Day off in Kyoto</h1>
->>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
+        <h1>Вихідний день у Кіото</h1>
         <AddTask
           onAddTask={handleAddTask}
         />
@@ -682,15 +676,9 @@ ul, li { margin: 0; padding: 0; }
 Тепер вам не потрібно передавати перелік завдань або обробники подій скрізь усе дерево компонентів:
 
 ```js {4-5}
-<<<<<<< HEAD
-<TasksContext.Provider value={tasks}>
-  <TasksDispatchContext.Provider value={dispatch}>
-    <h1>Вихідний день у Кіото</h1>
-=======
 <TasksContext value={tasks}>
   <TasksDispatchContext value={dispatch}>
-    <h1>Day off in Kyoto</h1>
->>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
+    <h1>Вихідний день у Кіото</h1>
     <AddTask />
     <TaskList />
   </TasksDispatchContext>
@@ -742,15 +730,9 @@ export default function TaskApp() {
   );
 
   return (
-<<<<<<< HEAD
-    <TasksContext.Provider value={tasks}>
-      <TasksDispatchContext.Provider value={dispatch}>
-        <h1>Вихідний день у Кіото</h1>
-=======
     <TasksContext value={tasks}>
       <TasksDispatchContext value={dispatch}>
-        <h1>Day off in Kyoto</h1>
->>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
+        <h1>Вихідний день у Кіото</h1>
         <AddTask />
         <TaskList />
       </TasksDispatchContext>

src/content/reference/react-dom/createPortal.md

@@ -240,11 +240,7 @@ export default function ModalContent({ onClose }) {
 
 При використанні порталів, важливо впевнитись, що ваш застосунок залишається доступним для користувачів з обмеженими можливостями. Приміром, вам може знадобитись функціонал для управління фокусом клавіатури, щоб користувач міг переміщати фокус клавіатури в та з порталу у звичний спосіб.
 
-<<<<<<< HEAD
-Слідуйте [WAI-ARIA Modal Authoring Practices](https://www.w3.org/WAI/ARIA/apg/#dialog_modal) коли створюєте модальні вікна. Якщо ви використовуєте пакет для модальних вікон від спільноти, переконайтеся, що він відповідає цим рекомендація та доступний користувачам з обмеженими можливостями.
-=======
-Follow the [WAI-ARIA Modal Authoring Practices](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal) when creating modals. If you use a community package, ensure that it is accessible and follows these guidelines.
->>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
+Коли розроблюєте модальні вікна, дотримуйтеся відповідних[практик WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal). Якщо ви використовуєте пакет для модальних вікон від спільноти, переконайтеся, що він керується цими рекомендаціями та є доступним для всіх.
 
 </Pitfall>
 

src/content/reference/react/useContext.md

@@ -38,23 +38,13 @@ function MyComponent() {
 
 #### Результат {/*returns*/}
 
-<<<<<<< HEAD
-`useContext` повертає значення контексту для компонента, що викликає цей хук. Це значення визначається як `value`, передане найближчому `SomeContext.Provider`, розташованому вище деревом відносно поточного компонента. Якщо такого провайдера немає, повертається значення `defaultValue`, яке ви передали функції [`createContext`](/reference/react/createContext). Повернуте значення завжди актуальне. React автоматично повторно рендерить усі компоненти, що використовують контекст, якщо значення контексту змінюється.
-=======
-`useContext` returns the context value for the calling component. It is determined as the `value` passed to the closest `SomeContext` above the calling component in the tree. If there is no such provider, then the returned value will be the `defaultValue` you have passed to [`createContext`](/reference/react/createContext) for that context. The returned value is always up-to-date. React automatically re-renders components that read some context if it changes.
->>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
+`useContext` повертає значення контексту для компонента, що викликає цей хук. Це значення визначається як `value`, передане найближчому `SomeContext`, розташованому вище деревом відносно поточного компонента. Якщо такого провайдера немає, повертається значення `defaultValue`, яке ви передали функції [`createContext`](/reference/react/createContext). Повернуте значення завжди актуальне. React автоматично повторно рендерить усі компоненти, що використовують контекст, якщо значення контексту змінюється.
 
 #### Застереження {/*caveats*/}
 
-<<<<<<< HEAD
-* Eлементи-провайдери не впливають на виклик `useContext()` у компоненті, з якого й повертаються. Відповідний `<Context.Provider>` **повинен бути розташований *вище*** компонента, що викликає `useContext()`.
+* Eлементи-провайдери не впливають на виклик `useContext()` у компоненті, з якого й повертаються. Відповідний `<Context>` **повинен бути розташований *вище*** компонента, що викликає `useContext()`.
 * React **автоматично оновлює** всі дочірні компоненти, які використовують певний контекст, починаючи з провайдера, що отримує змінене значення `value`. Попереднє та наступне значення порівнюються за допомогою [`Object.is`](https://webdoky.org/uk/docs/Web/JavaScript/Reference/Global_Objects/Object/is/). Пропуск повторних рендерів за допомогою [`memo`](/reference/react/memo) не заважає дочірнім компонентам отримувати оновлене значення контексту.
 * Якщо ваша система збирання створює дублікати модулів у вихідному коді (що може статися через символьні посилання), це може порушити контекст. Передавання через контекст працює тільки у разі, якщо `SomeContext` для надання контексту та `SomeContext` для його зчитування є ***точно* тим самим об'єктом**, що визначається порівнянням `===`.
-=======
-* `useContext()` call in a component is not affected by providers returned from the *same* component. The corresponding `<Context>` **needs to be *above*** the component doing the `useContext()` call.
-* React **automatically re-renders** all the children that use a particular context starting from the provider that receives a different `value`. The previous and the next values are compared with the [`Object.is`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is) comparison. Skipping re-renders with [`memo`](/reference/react/memo) does not prevent the children receiving fresh context values.
-* If your build system produces duplicates modules in the output (which can happen with symlinks), this can break context. Passing something via context only works if `SomeContext` that you use to provide context and `SomeContext` that you use to read it are ***exactly* the same object**, as determined by a `===` comparison.
->>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
 
 ---
 
@@ -1111,17 +1101,10 @@ export default function MyApp() {
 
 function Form() {
   return (
-<<<<<<< HEAD
     <Panel title="Ласкаво просимо">
       <Button>Зареєструватися</Button>
       <Button>Увійти</Button>
-      <ThemeContext.Provider value="light">
-=======
-    <Panel title="Welcome">
-      <Button>Sign up</Button>
-      <Button>Log in</Button>
       <ThemeContext value="light">
->>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
         <Footer />
       </ThemeContext>
     </Panel>
@@ -1366,28 +1349,17 @@ function MyApp() {
 
 Існує кілька поширених причин, чому це може статися:
 
-<<<<<<< HEAD
-1. Ви розміщуєте `<SomeContext.Provider>` у тому ж компоненті або нижче, ніж компонент, де викликано `useContext()`. Перемістіть `<SomeContext.Provider>` *вище і зовні* компонента, який викликає `useContext()`.
-2. Можливо, ви забули обгорнути свій компонент у `<SomeContext.Provider>` або розмістили його в іншій, ніж задумали, частині дерева. Переконайтеся за допомогою [React DevTools](/learn/react-developer-tools), що ієрархія компонентів налаштована правильно.
+1. Ви розміщуєте `<SomeContext>` у тому ж компоненті або нижче, ніж компонент, де викликано `useContext()`. Перемістіть `<SomeContext>` *вище і зовні* компонента, який викликає `useContext()`.
+2. Можливо, ви забули обгорнути свій компонент у `<SomeContext>` або розмістили його в іншій, ніж задумали, частині дерева. Переконайтеся за допомогою [React DevTools](/learn/react-developer-tools), що ієрархія компонентів налаштована правильно.
 3. Можливо, ви зіткнулися з проблемою збирання, через яку `SomeContext` із компонента-провайдера і `SomeContext` компонента-читача є різними об'єктами. Це може статися, наприклад, якщо ви використовуєте символьні посилання. Можете перевірити це, присвоївши їх глобальним змінним, як-от `window.SomeContext1` і `window.SomeContext2`, а потім порівняти `window.SomeContext1 === window.SomeContext2` в консолі. Якщо вони не тотожні, виправте цю проблему на рівні збирання.
-=======
-1. You're rendering `<SomeContext>` in the same component (or below) as where you're calling `useContext()`. Move `<SomeContext>` *above and outside* the component calling `useContext()`.
-2. You may have forgotten to wrap your component with `<SomeContext>`, or you might have put it in a different part of the tree than you thought. Check whether the hierarchy is right using [React DevTools.](/learn/react-developer-tools)
-3. You might be running into some build issue with your tooling that causes `SomeContext` as seen from the providing component and `SomeContext` as seen by the reading component to be two different objects. This can happen if you use symlinks, for example. You can verify this by assigning them to globals like `window.SomeContext1` and `window.SomeContext2` and then checking whether `window.SomeContext1 === window.SomeContext2` in the console. If they're not the same, fix that issue on the build tool level.
->>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
 
 ### Я завжди отримую `undefined` із контексту, хоча початкове значення інше {/*i-am-always-getting-undefined-from-my-context-although-the-default-value-is-different*/}
 
 Можливо, у вас є провайдер без `value` у дереві:
 
 ```js {1,2}
-<<<<<<< HEAD
 // 🚩 Не працює: немає пропа value
-<ThemeContext.Provider>
-=======
-// 🚩 Doesn't work: no value prop
 <ThemeContext>
->>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
    <Button />
 </ThemeContext>
 ```
@@ -1397,33 +1369,19 @@ function MyApp() {
 Також, можливо, ви випадково застосували помилкову назву пропа:
 
 ```js {1,2}
-<<<<<<< HEAD
 // 🚩 Не працює: проп має називатися "value"
-<ThemeContext.Provider theme={theme}>
-=======
-// 🚩 Doesn't work: prop should be called "value"
 <ThemeContext theme={theme}>
->>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
    <Button />
 </ThemeContext>
 ```
 
 В обох випадках React покаже попередження у консолі. Щоб виправити це, назвіть проп `value`:
 
 ```js {1,2}
-<<<<<<< HEAD
 // ✅ Передача пропа value
-<ThemeContext.Provider value={theme}>
-=======
-// ✅ Passing the value prop
 <ThemeContext value={theme}>
->>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
    <Button />
 </ThemeContext>
 ```
 
-<<<<<<< HEAD
-Зверніть увагу, що [початкове значення, яке ви передали у `createContext(defaultValue)`](#specifying-a-fallback-default-value), застосовується, **тільки якщо вище в ієрархії не знайдено жодного провайдера.** Якщо в будь-якому місці дерева батьківських компонентів є `<SomeContext.Provider value={undefined}>`, компонент, що викликає `useContext(SomeContext)`, *отримає* `undefined` як значення контексту.
-=======
-Note that the [default value from your `createContext(defaultValue)` call](#specifying-a-fallback-default-value) is only used **if there is no matching provider above at all.** If there is a `<SomeContext value={undefined}>` component somewhere in the parent tree, the component calling `useContext(SomeContext)` *will* receive `undefined` as the context value.
->>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
+Зверніть увагу, що [початкове значення, яке ви передали у `createContext(defaultValue)`](#specifying-a-fallback-default-value), застосовується, **тільки якщо вище в ієрархії не знайдено жодного провайдера.** Якщо в будь-якому місці дерева батьківських компонентів є `<SomeContext value={undefined}>`, компонент, що викликає `useContext(SomeContext)`, *отримає* `undefined` як значення контексту.