From d307558e63e46b2389d9fde3106f45bb67664fee Mon Sep 17 00:00:00 2001
From: Ryan Baxley <rynobax@users.noreply.github.com>
Date: Mon, 15 Oct 2018 04:27:49 -0400
Subject: [PATCH] Make tab name input always controlled (#851)

---
 .../graphql-playground-react/src/components/Playground/Tab.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/graphql-playground-react/src/components/Playground/Tab.tsx b/packages/graphql-playground-react/src/components/Playground/Tab.tsx
index 36e274b7c..bec8253eb 100644
--- a/packages/graphql-playground-react/src/components/Playground/Tab.tsx
+++ b/packages/graphql-playground-react/src/components/Playground/Tab.tsx
@@ -66,7 +66,7 @@ class Tab extends React.PureComponent<Props & ReduxProps, State> {
         </Icons>
         {this.state.editingName ? (
           <OperationNameInput
-            value={session.name}
+            value={session.name || ''}
             onChange={this.handleEditName}
             onBlur={this.stopEditName}
             onKeyDown={this.handleKeyDown}