rm bad ref in render usage (#8024)

src/components/dms/MessageItem.tsx

@@ -1,11 +1,5 @@
-import React, {useCallback, useMemo, useRef} from 'react'
+import React, {useCallback, useMemo} from 'react'
-import {
+import {GestureResponderEvent, StyleProp, TextStyle, View} from 'react-native'
-  GestureResponderEvent,
-  LayoutAnimation,
-  StyleProp,
-  TextStyle,
-  View,
-} from 'react-native'
 import {
   AppBskyEmbedRecord,
   ChatBskyConvoDefs,
@@ -88,12 +82,6 @@ let MessageItem = ({
     return true
   }, [message, nextMessage, isPending])
 
-  const lastInGroupRef = useRef(isLastInGroup)
-  if (lastInGroupRef.current !== isLastInGroup) {
-    LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut)
-    lastInGroupRef.current = isLastInGroup
-  }
-
   const pendingColor = t.palette.primary_200
 
   const rt = useMemo(() => {