diff --git a/client/src/pages/MainPage/MainPage.tsx b/client/src/pages/MainPage/MainPage.tsx index d2e56112..3901da27 100644 --- a/client/src/pages/MainPage/MainPage.tsx +++ b/client/src/pages/MainPage/MainPage.tsx @@ -1,5 +1,4 @@ import useAmplitude from '@hooks/useAmplitude'; -import useMainPageYScroll from '@hooks/useMainPageYScroll'; import Nav from './Nav/Nav'; import {MainSection} from './Section/MainSection'; @@ -7,16 +6,17 @@ import {DescriptionSection} from './Section/DescriptionSection'; import {FeatureSection} from './Section/FeatureSection'; import {mainContainer} from './MainPage.style'; import CreatorSection from './Section/CreatorSection/CreatorSection'; +import useMainPageYScroll from '@hooks/useMainPageYScroll'; const MainPage = () => { const {trackStartCreateEvent} = useAmplitude(); - const {featureSectionRef} = useMainPageYScroll(); + return (
); diff --git a/client/src/pages/MainPage/Section/FeatureSection/FeatureSection.tsx b/client/src/pages/MainPage/Section/FeatureSection/FeatureSection.tsx index 0b35f25c..df2a773f 100644 --- a/client/src/pages/MainPage/Section/FeatureSection/FeatureSection.tsx +++ b/client/src/pages/MainPage/Section/FeatureSection/FeatureSection.tsx @@ -1,16 +1,18 @@ import {css} from '@emotion/react'; -import {forwardRef, ForwardedRef} from 'react'; import {SimpleShare} from './SimpleShare'; import {AutoCalculate} from './AutoCalculate'; import {CheckDeposit} from './CheckDeposit'; import {SimpleTransfer} from './SimpleTransfer'; import {RecordMemoryWithPhoto} from './RecordMemoryWithPhoto'; +import useMainPageYScroll from '@hooks/useMainPageYScroll'; + +const FeatureSection = () => { + const {featureSectionRef} = useMainPageYScroll(); -const FeatureSection = forwardRef((props, ref: ForwardedRef) => { return (
((props, ref: ForwardedRef
); -}); +}; export default FeatureSection;