From aa4e88c2fa1e767f49e5dd417417367b292e77a0 Mon Sep 17 00:00:00 2001
From: dannyrb <danny.ri.brown@gmail.com>
Date: Fri, 26 Jun 2020 13:29:10 -0400
Subject: [PATCH] Set initial state for provider; fix useReducer usage

---
 .../contextProviders/ViewportGridProvider.jsx  | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/platform/ui/src/contextProviders/ViewportGridProvider.jsx b/platform/ui/src/contextProviders/ViewportGridProvider.jsx
index 480114d61..0dadaaa0c 100644
--- a/platform/ui/src/contextProviders/ViewportGridProvider.jsx
+++ b/platform/ui/src/contextProviders/ViewportGridProvider.jsx
@@ -7,7 +7,14 @@ import React, {
 } from 'react';
 import PropTypes from 'prop-types';
 
-export const ViewportGridContext = createContext();
+const DEFAULT_STATE = {
+  numRows: 1,
+  numCols: 1,
+  viewports: [],
+  activeViewportIndex: 0,
+};
+
+export const ViewportGridContext = createContext(DEFAULT_STATE);
 
 // export function ViewportGridProvider({ reducer, initialState, children }) {
 //   return (
@@ -18,13 +25,6 @@ export const ViewportGridContext = createContext();
 // }
 
 export function ViewportGridProvider({ children, service }) {
-  const DEFAULT_STATE = {
-    numRows: 1,
-    numCols: 1,
-    viewports: [],
-    activeViewportIndex: 0,
-  };
-
   const viewportGridReducer = (state, action) => {
     switch (action.type) {
       case 'SET_ACTIVE_VIEWPORT_INDEX':
@@ -62,8 +62,8 @@ export function ViewportGridProvider({ children, service }) {
   };
 
   const [viewportGridState, dispatch] = useReducer(
+    viewportGridReducer,
     DEFAULT_STATE,
-    viewportGridReducer
   );
 
   const getState = useCallback(() => viewportGridState, [viewportGridState]);