Bug - Blur is disabled when using Background Blur

[michhyun1]

What happened and what did you expect to happen?

When using the background blur provider, there was a bug identified in which the DefaultVideoTransformDevice that was created using the BackgroundBlurProvider's createBackgroundBlurDevice would not have background blur enabled.

Have you reviewed our existing documentation?

• [X] Amazon Chime SDK for JavaScript GitHub issues
• [X] Amazon Chime SDK React Components Library GitHub issues
• [x] Storybook documentation
• [X] README page
• [X] How-to documentation
• [X] React SDK meeting demo

Reproduction steps

You have to use BackgroundBlurProvider, and you must provide some blurOptions as a prop. In this case, I just passed in the blurOptions:

<BackgroundBlurProvider options={blurStrength : 20} />

When we first called createBackgroundBlurDevice and use the DefaultVideoTransformDevice, the DefaultVideoTransformDevice does not show blur enabled.

Amazon Chime SDK React Components Library version

2.14.0 only

What browsers are you seeing the problem on?

Chrome

Browser version

97

Device Information

Mac OS

Meeting and Attendee ID Information.

n/a

Browser console logs

n/a

Add any other context about the problem here.

This is an issue created by the JS SDK team for tracking purposes.