Guardando en el localStorage

Por si a alguien le sirve, comparto mi código

import React, { useState, useEffect } from "react";

import Header from "./Components/Header";
import Container from "./Components/Container";
import GlobalStyle from "./GlobalStyle"
import { ThemeProvider } from "styled-components";
import { temaClaro, temaOscuro } from "./Components/UI/temas"
import { BtnTema } from "./Components/UI/index";
import SwitcherTema from "./Components/SwitcherTema";


function App() {

  const [tema, setTema] = useState(()=>{
    const temaGuardado = localStorage.getItem ("tema");
    return temaGuardado ? JSON.parse(temaGuardado) : true;
  });

  useEffect(()=> {
    localStorage.setItem("tema", JSON.stringify(tema));
  });

  const toggleTema = () => {
    setTema((tema) => !tema);
  };

  return (
    <ThemeProvider theme = { tema ? temaClaro : temaOscuro }>
      <GlobalStyle />
      <BtnTema onClick = {toggleTema}>
        <SwitcherTema tema= {tema} />
      </BtnTema>
      <Header />
      <Container />
    </ThemeProvider>
  );
}

export default App;