Photos.tsx get photos list

import React, { useEffect } from "react";
import {
  IonContent,
  IonGrid,
  IonRow,
  IonCol,
  IonPage,
  IonHeader,
  IonToolbar,
  IonTitle,
  IonText
} from "@ionic/react";
import { useStorage } from "@ionic/react-hooks/storage";

const Photos: React.FC = () => {
  const { get, set } = useStorage();

  useEffect(() => {
    get("imagePaths").then(imgPaths => {
      console.log(imgPaths);
    });
  }, [get]);

  return (
    <IonPage>
      <IonHeader>
        <IonToolbar>
          <IonTitle>Photos</IonTitle>
        </IonToolbar>
      </IonHeader>
      <IonContent>
        <IonGrid>
          <IonRow>
            <IonCol size-md="6" offset-md="3" className="ion-text-center">
              <IonText>test</IonText>
            </IonCol>
          </IonRow>
        </IonGrid>
      </IonContent>
    </IonPage>
  );
};

export default Photos;