Premature Main file

main.js

import css from "./main.css";
import { createStore } from "./redux/store/index";
import { actions } from "./redux/actions/index";
import { rootReducer } from "./redux/reducers/index";
import { render } from "lit-html";
import { App } from "./templates/App";

const store = createStore(rootReducer, {});

store.subscribe(() => console.log(store.getState()));
const { id } = store.dispatch(actions.addTodo({id: 1, done: false, text: "My first todo"}));
store.dispatch(actions.toggleTodo(id));
store.dispatch(actions.undo());
store.dispatch(actions.redo());
store.dispatch(actions.setVisibility("IN_PROGRESS")); 

export default () => {
  // Initial render
  render(App({ store, actions }), document.body);

  // Subsequent renders
  store.subscribe(() => render(App({ store, actions }), document.body));
};