React quiz - useEffect()

Become a master on all kinds of Effects.

useEffect() (pass rate: 11%)react@18.3.1

{...}
import * as React from "react";
import { useState, useEffect } from "react";
import { createRoot } from "react-dom/client";
function App() {
  const [count, setCount] = useState(1);
  console.log(1);
  useEffect(() => {
    console.log(2);
    return () => {
      console.log(3);
    };
  }, [count]);
  useEffect(() => {
    console.log(4);
    setCount((count) => count + 1);
  }, []);
  return <Child count={count} />;
}
function Child({ count }) {
  useEffect(() => {
    console.log(5);
    return () => {
      console.log(6);
    };
  }, [count]);
  return null;
}
const root = createRoot(document.getElementById("root"));
root.render(<App />);

{...}
import * as React from "react";
import { useState, useEffect } from "react";
import { createRoot } from "react-dom/client";
function App() {
  const [count, setCount] = useState(1);
  console.log(1);
  useEffect(() => {
    console.log(2);
    return () => {
      console.log(3);
    };
  }, [count]);
  useEffect(() => {
    console.log(4);
    setCount((count) => count + 1);
  }, []);
  return <Child count={count} />;
}
function Child({ count }) {
  useEffect(() => {
    console.log(5);
    return () => {
      console.log(6);
    };
  }, [count]);
  return null;
}
const root = createRoot(document.getElementById("root"));
root.render(<App />);

What gets logged in order?

click on the console.log lines to input your answer.