From 69727137ba0d341c65cbbb6070252d01929ea425 Mon Sep 17 00:00:00 2001 From: chiranjib Date: Wed, 4 Jan 2023 17:43:44 -0800 Subject: [PATCH 1/4] Fix for ReactDOM.createRoot() example --- beta/src/content/reference/react-dom/client/createRoot.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/beta/src/content/reference/react-dom/client/createRoot.md b/beta/src/content/reference/react-dom/client/createRoot.md index 08de42961b9..c145f0ac0fe 100644 --- a/beta/src/content/reference/react-dom/client/createRoot.md +++ b/beta/src/content/reference/react-dom/client/createRoot.md @@ -24,7 +24,7 @@ Call `createRoot` to create a React root for displaying content inside a browser ```js const domNode = document.getElementById('root'); -const root = createRoot(domNode); +const root = ReactDOM.createRoot(domNode); ``` React will create a root for the `domNode`, and take over managing the DOM inside it. After you've created a root, you need to call [`root.render`](#root-render) to display a React component inside of it: From 20794de4eef420c6953bc57a9dcdb5a5dcef8d55 Mon Sep 17 00:00:00 2001 From: dan Date: Fri, 6 Jan 2023 18:16:17 +0000 Subject: [PATCH 2/4] Update createRoot.md --- beta/src/content/reference/react-dom/client/createRoot.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/beta/src/content/reference/react-dom/client/createRoot.md b/beta/src/content/reference/react-dom/client/createRoot.md index c145f0ac0fe..bee136acc99 100644 --- a/beta/src/content/reference/react-dom/client/createRoot.md +++ b/beta/src/content/reference/react-dom/client/createRoot.md @@ -23,8 +23,10 @@ const root = createRoot(domNode, options?) Call `createRoot` to create a React root for displaying content inside a browser DOM element. ```js +import { createRoot } from 'react-dom/client'; + const domNode = document.getElementById('root'); -const root = ReactDOM.createRoot(domNode); +const root = createRoot(domNode); ``` React will create a root for the `domNode`, and take over managing the DOM inside it. After you've created a root, you need to call [`root.render`](#root-render) to display a React component inside of it: From efc6feda449707faa54816b1dcbc661644c1f5f5 Mon Sep 17 00:00:00 2001 From: chiranjib Date: Wed, 11 Jan 2023 16:41:29 -0800 Subject: [PATCH 3/4] Removing useState import statement Since we are not using state variable here removing useState import statement from the solution. --- beta/src/content/learn/state-a-components-memory.md | 1 - 1 file changed, 1 deletion(-) diff --git a/beta/src/content/learn/state-a-components-memory.md b/beta/src/content/learn/state-a-components-memory.md index e67cf0a51fb..a996bf7e2a4 100644 --- a/beta/src/content/learn/state-a-components-memory.md +++ b/beta/src/content/learn/state-a-components-memory.md @@ -1484,7 +1484,6 @@ Here is a fixed version that uses a regular `name` variable declared in the func ```js -import { useState } from 'react'; export default function FeedbackForm() { function handleClick() { From 714269b36d3181957600db4f8f17c636964febbf Mon Sep 17 00:00:00 2001 From: chiranjib Date: Mon, 27 Feb 2023 15:41:09 -0800 Subject: [PATCH 4/4] Removing unnecessary useState Removing unnecessary useState Reducer challenge --- beta/src/content/learn/extracting-state-logic-into-a-reducer.md | 1 - 1 file changed, 1 deletion(-) diff --git a/beta/src/content/learn/extracting-state-logic-into-a-reducer.md b/beta/src/content/learn/extracting-state-logic-into-a-reducer.md index a4b0ac94f72..6b01887164e 100644 --- a/beta/src/content/learn/extracting-state-logic-into-a-reducer.md +++ b/beta/src/content/learn/extracting-state-logic-into-a-reducer.md @@ -1210,7 +1210,6 @@ export default function ContactList({contacts, selectedId, dispatch}) { ``` ```js Chat.js -import {useState} from 'react'; export default function Chat({contact, message, dispatch}) { return (