fix broken blur effect in SheetHandle (#1509)

src/components/sheet/SheetHandle.js

@@ -1,18 +1,17 @@
 import { VibrancyView } from '@react-native-community/blur';
+import React from 'react';
 import { View } from 'react-native';
 import styled from 'styled-components/primitives';
-import { neverRerender } from '../../utils';
 import { colors } from '@rainbow-me/styles';
 
 export const HandleHeight = 5;
 
 const defaultColor = colors.alpha(colors.blueGreyDark, 0.3);
 
-const SheetHandle = styled.View.attrs(({ showBlur }) => ({
-  as: showBlur && ios ? VibrancyView : View,
+const Handle = styled.View.attrs({
   blurAmount: 20,
   blurType: 'light',
-}))`
+})`
   background-color: ${({ color = defaultColor }) => color};
   border-radius: 3;
   height: ${HandleHeight};
@@ -21,4 +20,12 @@ const SheetHandle = styled.View.attrs(({ showBlur }) => ({
   z-index: 9;
 `;
 
-export default neverRerender(SheetHandle);
+export default function SheetHandle({ showBlur, ...props }) {
+  return (
+    <Handle
+      {...props}
+      as={showBlur && ios ? VibrancyView : View}
+      showBlur={showBlur}
+    />
+  );
+}