Recently, I saw this question on Hackerank, check out the screenshot below. App.js import “./styles.css”; import React, { useState } from “react”; import Content from “./Content”; import Content2 from “./Content2”; import Content3 from “./Content3”; export default function App() { const [active, setActive] = useState(“FirstContent”); return ( <div className=”App”> <button className=”small-btn…