useTransition with custom component

[Jared-Dahlke]

hey guys <animated.div> is messing up my styling on my custom component so I'm trying to implement something like const AnimatedDonut = animated(Donut) , but with useTransition. If I use animated.div it works perfectly but messing up my styling on MyCustomItem. This is what i'm trying to do but it doesn't work :

const transitions = useTransition(mylistOfItems, (item) => item.itemId, {
		from: { opacity: 0 },
		enter: { opacity: 1 },
		leave: { opacity: 0 }
})

return (
<Grid>
{transitions.map((props) => {
	const AnimatedItem = animated(MyCustomItem)
      return (
             <AnimatedItem
               style={props.props}
               key={props.key}
               name={props.item.name
            />
    )
})}
</Grid>


Anybody know how to make this happen? Or at least know how to make <animated.div> not alter its childrens' style?

[Jared-Dahlke]

in case anyone else comes looking for this. I just ended up putting my Grid item above the animated.div

{visibleLists &&
							transitions.map((props) => {
								let list = props.item
								let key = props.key
								return (
									<Grid item xs={12} key={key}>      // *** THIS IS WHAT I DID TO FIX STYLING ISSUES, i removed this grid item from <MyList> (it was the first element of the component) and added it here instead
										<animated.div style={props.props}>
											<MyList
												list={list}
												handleViewAllClick={handleViewAllClick}
												handleHideAllClick={handleHideAllClick}
												handleArchiveClick={handleArchiveClick}
												handleDownloadClick={handleDownloadClick}
												isDownloadingExcel={props.isDownloadingExcel}
												isDownloadingExcelVersionId={
													props.isDownloadingExcelVersionId
												}
												viewAll={viewingAll}
											/>
										</animated.div>
									</Grid>
								)
							})}

[Jared-Dahlke]

I would still like to know if there is a way to use const AnimatedDonut = animated(Donut) with useTransition