fix: FeDropShadow results and import react (#2625)

# Summary

* Add results alias in `FeDropShadow`
* Import React in every tsx filter file to satisfy typescript/eslint
* Replace `<>` with `<React.Fragment>` in `FeDropShadow`

src/elements/filters/FeBlend.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { NativeMethods } from 'react-native';
 import {
   extractFeBlend,

src/elements/filters/FeColorMatrix.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { NativeMethods } from 'react-native';
 import RNSVGFeColorMatrix from '../../fabric/FeColorMatrixNativeComponent';
 import {

src/elements/filters/FeComponentTransfer.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import FilterPrimitive from './FilterPrimitive';
 import { warnUnimplementedFilter } from '../../lib/util';
 

src/elements/filters/FeComponentTransferFunction.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { NumberArray, NumberProp } from '../../lib/extract/types';
 import { warnUnimplementedFilter } from '../../lib/util';
 import FilterPrimitive from './FilterPrimitive';

src/elements/filters/FeComposite.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { NativeMethods } from 'react-native';
 import RNSVGFeComposite from '../../fabric/FeCompositeNativeComponent';
 import {

src/elements/filters/FeDropShadow.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ColorValue } from 'react-native';
 import { NumberArray, NumberProp } from '../../lib/extract/types';
 import FeFlood from './FeFlood';
@@ -25,21 +26,27 @@ export default class FeDropShadow extends FilterPrimitive<FeDropShadowProps> {
   };
 
   render() {
-    const { stdDeviation, in: in1 = 'SourceGraphic', dx, dy } = this.props;
+    const {
+      stdDeviation,
+      in: in1 = 'SourceGraphic',
+      dx,
+      dy,
+      result,
+    } = this.props;
     return (
-      <>
+      <React.Fragment>
         <FeGaussianBlur in={in1} stdDeviation={stdDeviation} />
         <FeOffset dx={dx} dy={dy} result="offsetblur" />
         <FeFlood
           floodColor={this.props.floodColor}
           floodOpacity={this.props.floodOpacity}
         />
         <FeComposite in2="offsetblur" operator="in" />
-        <FeMerge>
+        <FeMerge result={result}>
           <FeMergeNode />
           <FeMergeNode in={in1} />
         </FeMerge>
-      </>
+      </React.Fragment>
     );
   }
 }

src/elements/filters/FeFlood.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ColorValue, NativeMethods } from 'react-native';
 import RNSVGFeFlood from '../../fabric/FeFloodNativeComponent';
 import extractFeFlood, { extractFilter } from '../../lib/extract/extractFilter';

src/elements/filters/FeGaussianBlur.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { NativeMethods } from 'react-native';
 import RNSVGFeGaussianBlur from '../../fabric/FeGaussianBlurNativeComponent';
 import {

src/elements/filters/FeMerge.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { NativeMethods } from 'react-native';
 import RNSVGFeMerge from '../../fabric/FeMergeNativeComponent';
 import { extractFeMerge, extractFilter } from '../../lib/extract/extractFilter';

src/elements/filters/FeMergeNode.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import FilterPrimitive from './FilterPrimitive';
 
 export interface FeMergeNodeProps {

src/elements/filters/FeOffset.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { NativeMethods } from 'react-native';
 import RNSVGFeOffset from '../../fabric/FeOffsetNativeComponent';
 import { extractFilter, extractIn } from '../../lib/extract/extractFilter';

src/elements/filters/Filter.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { NativeMethods } from 'react-native';
 import RNSVGFilter from '../../fabric/FilterNativeComponent';
 import { NumberProp, Units } from '../../lib/extract/types';