export 'encrypt' (imported as 'encrypt') was not found in '@aws-crypto/client-browser'

Question

I am trying to encrypt data using AWS Encryption SDK for javascript(react) in browser but getting this error : export 'encrypt' (imported as 'encrypt') was not found in '@aws-crypto/client-browser'

import { KmsKeyringBrowser, encrypt } from "@aws-crypto/client-browser";

   const generatorKeyId = '*********************'

   const keyIds = ['**************************']

   const keyring = new KmsKeyringBrowser({generatorKeyId,keyIds})

   const context = {
       stage: 'demo',
       purpose: 'simple demonstration app',
       origin: 'us-west-2'
     }

   const encryptData = async (data) => {
       const result = await encrypt(keyring,data, { encryptionContext: context })
       console.log(result);
   }

I have alos tried using buildEncrypt but it is not working. Below is the code :

import { KmsKeyringBrowser, encrypt } from "@aws-crypto/client-browser";

    const generatorKeyId = '*********************'

    const keyIds = ['**************************']

    const keyring = new KmsKeyringBrowser({generatorKeyId,keyIds})

    const context = {
        stage: 'demo',
        purpose: 'simple demonstration app',
        origin: 'us-west-2'
      }

    const encryptData = async (data) => {
        const result = await buildEncrypt({encrypt: (keyring,data, { encryptionContext: context })} )
        console.log(result);
    }

I am unable to find out what I was doing wrong. Any help would be apprecieated. Thankyou