fix: fix to bucket dropdown issue (#3160)

* fix: fix to bucket dropdown issue

* chore: add better fix

Co-authored-by: Subir Jolly <subirjolly@Subirs-MacBook-Pro.local>

Author: subirjolly

src/flows/pipes/ToBucket/view.tsx

@@ -2,7 +2,6 @@
 import React, {FC, useContext} from 'react'
 
 // Types
-import {PipeProp} from 'src/types/flows'
 import {Bucket} from 'src/types'
 
 // Contexts
@@ -15,28 +14,28 @@ import BucketSelector from 'src/flows/shared/BucketSelector'
 // Utils
 import {event} from 'src/cloud/utils/reporting'
 
-const ToBucket: FC<PipeProp> = ({Context}) => {
+const ToBucket: FC = () => {
   const {data, update} = useContext(PipeContext)
   const updateBucket = (bucket: Bucket) => {
     event('Updated Bucket', {context: 'to bucket'})
-    update({
-      bucket,
-    })
+    update({bucket})
   }
 
   return (
-    <BucketProvider>
-      <Context>
-        <div className="data-source--controls">
-          <BucketSelector
-            selected={data.bucket}
-            onSelect={updateBucket}
-            style={{width: '250px', flex: '0 0 250px'}}
-          />
-        </div>
-      </Context>
-    </BucketProvider>
+    <div className="data-source--controls">
+      <BucketSelector
+        selected={data.bucket}
+        onSelect={updateBucket}
+        style={{width: '250px', flex: '0 0 250px'}}
+      />
+    </div>
   )
 }
 
-export default ToBucket
+export default ({Context}) => (
+  <BucketProvider>
+    <Context>
+      <ToBucket />
+    </Context>
+  </BucketProvider>
+)