Если вы ищете простой компонент-переключатель, самый простой способ сделать это — использовать react-switch library.

Начните с установки библиотеки с помощью NPM:

npm install react-switch

Импортируйте компонент React, useState и Switch из библиотеки react-switch и создайте свой компонент Switch. Дополнительные варианты стилей смотрите в документации здесь

import React, { useState } from "react";
import Switch from "react-switch";

const SwitchExample = () => {
  const [checked, setChecked] = useState(false);

  const handleChange = (checked) => {
    setChecked(checked);
  }

  return (
    <label>
      <span>Switch with default style</span>
      <Switch onChange={handleChange} checked={checked} />
    </label>
  );
}