Documentation

Documentation

Error

Reorder.Item must be child of Reorder.Group

Reorder.Item must be child of Reorder.Group

You've received the following message:

Reorder.Item must be a child of Reorder.Group

Reorder.Item must be child of Reorder.Group

You're attempting to render a <Reorder.Item> component.

<Reorder.Item />

You're receiving a message that Reorder.Item must be a child of Reorder.Group. This means you either haven't rendered a Reorder.Group, or you've rendered Reorder.Item outside of your Reorder.Group.

Solution

Ensure any Reorder.Item component is rendered somewhere within a Reorder.Group component:

<Reorder.Group>
  <Reorder.Item />
</Reorder.Group>

It doesn't need to be a direct child. This is also okay:

<Reorder.Group>
  <div>
    <Reorder.Item />
    <Reorder.Item />
    <Reorder.Item />
  </div>
</Reorder.Group>

Level up your animations with Motion+

Access to 100+ premium examples, exclusive APIs like Cursor, private Discord and GitHub, and powerful VS Code animation editing tools.

One-time payment, lifetime updates.

Stay in the loop

Subscribe for the latest news & updates.

Stay in the loop

Subscribe for the latest news & updates.

Stay in the loop

Subscribe for the latest news & updates.