diff --git a/apps/src/StudioApp.js b/apps/src/StudioApp.js
index f2d9dfd6d419a..0bc2e65524298 100644
--- a/apps/src/StudioApp.js
+++ b/apps/src/StudioApp.js
@@ -3085,20 +3085,21 @@ StudioApp.prototype.displayWorkspaceAlert = function(
var parent = $(bottom && this.editCode ? '#codeTextbox' : '#codeWorkspace');
var container = $('
');
parent.append(container);
- ReactDOM.render(
- {
+ console.log('show me the alert');
+ const workspaceAlert = React.createElement(
+ WorkspaceAlert,
+ {
+ type: type,
+ onClose: () => {
ReactDOM.unmountComponentAtNode(container[0]);
- }}
- isBlockly={this.usingBlockly_}
- isCraft={this.config.app === 'craft'}
- displayBottom={bottom}
- >
- {alertContents}
- ,
- container[0]
+ },
+ isBlockly: this.usingBlockly_,
+ isCraft: this.config.app === 'craft',
+ displayBottom: bottom
+ },
+ alertContents
);
+ ReactDOM.render(workspaceAlert, container[0]);
return container[0];
};