Use initState

app/default-state.js

@@ -0,0 +1,45 @@
+// @flow
+import type {ColumnType as Column} from './types'
+
+const hour = 1000 * 60 * 60
+
+const initState: Array<Column> = [
+	{
+		id: 1,
+		endpoint: 'illustRanking',
+		timer: hour,
+		title: 'デイリーランキング',
+		query: {
+			opts: {
+				mode: 'day',
+				offset: 0,
+			},
+		},
+	},
+	{
+		id: 2,
+		endpoint: 'illustRanking',
+		timer: hour,
+		title: 'ウィークリーランキング',
+		query: {
+			opts: {
+				mode: 'week',
+				offset: 0,
+			},
+		},
+	},
+	{
+		id: 3,
+		endpoint: 'illustRanking',
+		timer: hour,
+		title: 'マンスリーランキング',
+		query: {
+			opts: {
+				mode: 'month',
+				offset: 0,
+			},
+		},
+	},
+]
+
+export default initState

app/index.js

@@ -5,12 +5,11 @@ import type {State} from './types'
 import configureStore from './store'
 import App from './components'
 import Pixiv from './repo/pixiv'
-import defaultState from './default-state'
 import './app.global.css'; // eslint-disable-line
 
 async function init() {
 	const storage: State = localStorage.getItem('store')
-	let initialState: State = storage ? JSON.parse(storage) : defaultState
+	let initialState: State = storage ? JSON.parse(storage) : {}
 
 	const {auth, manage, columns} = initialState
 

app/reducers/columns.js

@@ -1,5 +1,6 @@
 // @flow
 import type {Action, ColumnType as Column, Query, Params} from '../types'
+import initState from '../default-state'
 
 type State = Array<Column>;
 
@@ -37,7 +38,7 @@ function column(state: Column, action: Action): Column {
 	}
 }
 
-export default function columns(state: State = [], action: Action): State {
+export default function columns(state: State = initState, action: Action): State {
 	switch (action.type) {
 		case 'ADD_COLUMN': {
 			const {id, title, endpoint, timer} = action