SwitchComponent.jsx

import { useState } from "react";

const Switch = ({ test, children }) =>
  children.find((child) => child.props.value === test);

function SwitchComponent() {
  const [value, setValue] = useState("first");
  return (
    <div>
      <Switch test={value}>
        <div value="first">This is First Case</div>
        <div value="second">This is Second Case</div>
      </Switch>
      <br />
      <div>
        <button onClick={() => setValue("first")}>First</button>
        <button onClick={() => setValue("second")}>second</button>
      </div>
    </div>
  );
}

export default SwitchComponent;