[URGENT!!! QUESTION]: How to implement LocalStorage in reactjs project??

I am trying to implement localstorage in reactjs app, it is for some reason not storing data in localstorage

 useEffect(() => {
    const templateComponent = JSON.parse(
      localStorage.getItem("gjs-components")
    );
    console.log(templateComponent);
    const templateStyle = JSON.parse(localStorage.getItem("gjs-style"));
    console.log(templateStyle);
    const editor = grapesjs.init({
      container: "#editor",
      width: "100vw",
      height: "100vh",

      styleManager: {
        clearProperties: true,
      },
      components: JSON.parse(localStorage.getItem("gjs-components")),
      style: JSON.parse(localStorage.getItem("gjs-style")),
      storageManager: {
        id: "gjs-",
        type: "local",
        autosave: true, 
        autoload: true, 
        stepsBeforeSave: 1,
      },
    });