Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Is it possible to receive a ReactNode in container that is a props of a MasonryInfiniteGrid component? #565

Open
dngwoodo opened this issue Feb 21, 2024 · 1 comment
Labels

Comments

@dngwoodo
Copy link

dngwoodo commented Feb 21, 2024

Description

en
I want to apply AnimatePresence to Framer, is there any way to do this in MasonryInfiniteGrid? The code is roughly like below.
I can't seem to get a ReactNode even if I use container, containerTag, so it's currently impossible to process.

ko
Framer 에 AnimatePresence 을 적용시키고 싶은데 MasonryInfiniteGrid 에서 처리할 수 있는 방법이 있을까요? 코드는 대략 아래와 같습니다.
container, containerTag 를 사용해도 ReactNode 를 받을 수 없어 현재 처리가 불가능해보입니다.

      <MasonryInfiniteGrid
        align="center"
        gap={10}
        useResizeObserver
        observeChildren
      >
        <AnimatePresence> // <- 불가능
          {feeds.map((feed) => (
            <FeedItem feed={feed} key={feed.id} />
          ))}
        </AnimatePresence>
      </MasonryInfiniteGrid>

Steps to check or reproduce

@dngwoodo dngwoodo changed the title Framer AnimatePresence Is it possible to receive a ReactNode in a container that is a props of a MasonryInfiniteGrid component? Feb 21, 2024
@dngwoodo dngwoodo changed the title Is it possible to receive a ReactNode in a container that is a props of a MasonryInfiniteGrid component? Is it possible to receive a ReactNode in container that is a props of a MasonryInfiniteGrid component? Feb 21, 2024
@daybrush
Copy link
Member

daybrush commented Jun 13, 2024

안녕하세요.

containerTag={AnimatePresence} 또는 scrollContainer={elementRef} 방식으로 사용할 수 있을 것 같습니다.

<AnimatePresence ref={ref}>
    <MasonryInfiniteGrid scrollContainer={ref}>
         {feeds}
    </MasonryInfiniteGrid>
</AnimatePresence>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants