fix: lobby screen broken with prejoin disabled

react/features/base/premeeting/components/web/InputField.js

@@ -92,6 +92,8 @@ export default class InputField extends PureComponent<Props, State> {
                 value
             };
         }
+
+        return null;
     }
 
     /**

react/features/lobby/components/AbstractLobbyScreen.js

@@ -128,6 +128,8 @@ export default class AbstractLobbyScreen<P: Props = Props> extends PureComponent
                 passwordJoinFailed: true
             };
         }
+
+        return null;
     }
 
     /**

react/features/lobby/components/web/LobbyScreen.js

@@ -70,13 +70,25 @@ class LobbyScreen extends AbstractLobbyScreen {
         );
     }
 
+    /**
+     * Renders the participant form to let the knocking participant enter its details.
+     *
+     * NOTE: We don't use edit action on web since the prejoin functionality got merged.
+     * Mobile won't use it either once prejoin gets implemented there too.
+     *
+     * @inheritdoc
+     */
+    _renderParticipantForm() {
+        return this._renderParticipantInfo();
+    }
+
     /**
      * Renders the participant info fragment when we have all the required details of the user.
      *
      * @inheritdoc
      */
     _renderParticipantInfo() {
-        const { displayName, email } = this.state;
+        const { displayName } = this.state;
         const { t } = this.props;
 
         return (
@@ -86,11 +98,6 @@ class LobbyScreen extends AbstractLobbyScreen {
                         onChange = { this._onChangeDisplayName }
                         placeHolder = { t('lobby.nameField') }
                         value = { displayName } />
-
-                    <InputField
-                        onChange = { this._onChangeEmail }
-                        placeHolder = { t('lobby.emailField') }
-                        value = { email } />
                 </div>
             </div>
         );