import React, { useEffect } from "react"; import Layout from "../../../components/layout/Layout"; import MyGiftCard from "../../../components/user/MyGiftCard"; import { getGiftCard } from "../../../redux/actions/giftCardAction"; import { wrapper } from "../../../redux/store"; import { useDispatch } from "react-redux"; import { getCurrentEndUser } from "../../../redux/actions/userActions"; export default function UserGiftCardPage() { const dispatch = useDispatch() useEffect(() => { dispatch(getCurrentEndUser()) }, []) return ( <Layout> <MyGiftCard /> </Layout> ); }; /** For server side rendering */ export const getServerSideProps = wrapper.getServerSideProps(store => async ({ req, query }) => { try { // await store.dispatch(getGiftCard()) return { props: {}, }; } catch (error) { } });