text: module.exports =
  /******/ (function(modules) { // webpackBootstrap
  /******/ 	// The module cache
  /******/ 	var installedModules = require('../../../../ssr-module-cache.js');
  /******/
  /******/ 	// The require function
  /******/ 	function __webpack_require__(moduleId) {
  /******/
  /******/ 		// Check if module is in cache
  /******/ 		if(installedModules[moduleId]) {
  /******/ 			return installedModules[moduleId].exports;
  /******/ 		}
  /******/ 		// Create a new module (and put it into the cache)
  /******/ 		var module = installedModules[moduleId] = {
  /******/ 			i: moduleId,
  /******/ 			l: false,
  /******/ 			exports: {}
  /******/ 		};
  /******/
  /******/ 		// Execute the module function
  /******/ 		var threw = true;
  /******/ 		try {
  /******/ 			modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
  /******/ 			threw = false;
  /******/ 		} finally {
  /******/ 			if(threw) delete installedModules[moduleId];
  /******/ 		}
  /******/
  /******/ 		// Flag the module as loaded
  /******/ 		module.l = true;
  /******/
  /******/ 		// Return the exports of the module
  /******/ 		return module.exports;
  /******/ 	}
  /******/
  /******/
  /******/ 	// expose the modules object (__webpack_modules__)
  /******/ 	__webpack_require__.m = modules;
  /******/
  /******/ 	// expose the module cache
  /******/ 	__webpack_require__.c = installedModules;
  /******/
  /******/ 	// define getter function for harmony exports
  /******/ 	__webpack_require__.d = function(exports, name, getter) {
  /******/ 		if(!__webpack_require__.o(exports, name)) {
  /******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
  /******/ 		}
  /******/ 	};
  /******/
  /******/ 	// define __esModule on exports
  /******/ 	__webpack_require__.r = function(exports) {
  /******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
  /******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
  /******/ 		}
  /******/ 		Object.defineProperty(exports, '__esModule', { value: true });
  /******/ 	};
  /******/
  /******/ 	// create a fake namespace object
  /******/ 	// mode & 1: value is a module id, require it
  /******/ 	// mode & 2: merge all properties of value into the ns
  /******/ 	// mode & 4: return value when already ns object
  /******/ 	// mode & 8|1: behave like require
  /******/ 	__webpack_require__.t = function(value, mode) {
  /******/ 		if(mode & 1) value = __webpack_require__(value);
  /******/ 		if(mode & 8) return value;
  /******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
  /******/ 		var ns = Object.create(null);
  /******/ 		__webpack_require__.r(ns);
  /******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
  /******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
  /******/ 		return ns;
  /******/ 	};
  /******/
  /******/ 	// getDefaultExport function for compatibility with non-harmony modules
  /******/ 	__webpack_require__.n = function(module) {
  /******/ 		var getter = module && module.__esModule ?
  /******/ 			function getDefault() { return module['default']; } :
  /******/ 			function getModuleExports() { return module; };
  /******/ 		__webpack_require__.d(getter, 'a', getter);
  /******/ 		return getter;
  /******/ 	};
  /******/
  /******/ 	// Object.prototype.hasOwnProperty.call
  /******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
  /******/
  /******/ 	// __webpack_public_path__
  /******/ 	__webpack_require__.p = "";
  /******/
  /******/
  /******/ 	// Load entry module and return exports
  /******/ 	return __webpack_require__(__webpack_require__.s = 3);
  /******/ })
  /************************************************************************/
  /******/ ({
  
  /***/ "+FwM":
  /***/ (function(module, exports) {
  
  module.exports = require("@material-ui/core/colors");
  
  /***/ }),
  
  /***/ "+wlD":
  /***/ (function(module, exports) {
  
  module.exports = require("@reduxjs/toolkit");
  
  /***/ }),
  
  /***/ 3:
  /***/ (function(module, exports, __webpack_require__) {
  
  module.exports = __webpack_require__("yG97");
  
  
  /***/ }),
  
  /***/ "4Q3z":
  /***/ (function(module, exports) {
  
  module.exports = require("next/router");
  
  /***/ }),
  
  /***/ "4ZJ9":
  /***/ (function(module, exports) {
  
  module.exports = require("@material-ui/core/Avatar");
  
  /***/ }),
  
  /***/ "73Hx":
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return postsReducer; });
  /* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("+wlD");
  /* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__);
  
  const postsReducer = Object(_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__["createSlice"])({
    name: "posts",
    initialState: [],
    reducers: {
      getPosts: (state, {
        payload
      }) => {
        return [...payload];
      },
      deletePost: (state, {
        payload
      }) => {
        return state.filter(post => post.id !== payload);
      }
    }
  });
  
  /***/ }),
  
  /***/ "9Pu4":
  /***/ (function(module, exports) {
  
  module.exports = require("@material-ui/core/styles");
  
  /***/ }),
  
  /***/ "AJJM":
  /***/ (function(module, exports) {
  
  module.exports = require("@material-ui/core/CssBaseline");
  
  /***/ }),
  
  /***/ "AOJM":
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("cDcd");
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
  /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Dtiu");
  /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
  
  var __jsx = react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement;
  
  const Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.div`
  display:flex;
  justify-content:center;
  `;
  const Loading = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.div`
    display: inline-block;
    position: relative;
    margin-top: 30%;
    width: 80px;
    height: 80px;
    &:after {
      content: " ";
      display: block;
      border-radius: 50%;
      width: 0;
      height: 0;
      margin: 8px;
      box-sizing: border-box;
      border: 32px solid #fff;
      border-color: #000 transparent #000 transparent;
      animation: lds-hourglass 1.2s infinite;
    }
    @keyframes lds-hourglass {
      0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      }
      50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      }
      100% {
        transform: rotate(1800deg);
      }
    }
  `;
  
  const Loader = () => {
    return __jsx(Wrapper, null, __jsx(Loading, {
      className: "lds-hourglass"
    }));
  };
  
  /* harmony default export */ __webpack_exports__["a"] = (Loader);
  
  /***/ }),
  
  /***/ "Dtiu":
  /***/ (function(module, exports) {
  
  module.exports = require("styled-components");
  
  /***/ }),
  
  /***/ "EmCc":
  /***/ (function(module, exports) {
  
  module.exports = require("@material-ui/core/IconButton");
  
  /***/ }),
  
  /***/ "FGIR":
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return getPosts; });
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return deletePosts; });
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPost; });
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getPost; });
  /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("zr5I");
  /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_0__);
  /* harmony import */ var _slices_postsSlice__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("73Hx");
  /* harmony import */ var _slices_postSlice__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("u3xH");
  
  
  
  const getPosts = params => async (dispatch, getState) => {
    try {
      const data = await axios__WEBPACK_IMPORTED_MODULE_0___default.a.get("https://simple-blog-api.crew.red/posts/");
      dispatch(_slices_postsSlice__WEBPACK_IMPORTED_MODULE_1__[/* postsReducer */ "a"].actions.getPosts(data.data));
    } catch (err) {
      console.log(err);
    }
  };
  const deletePosts = id => async (dispatch, getState) => {
    console.log(id);
  
    try {
      const data = await axios__WEBPACK_IMPORTED_MODULE_0___default.a.delete(`https://simple-blog-api.crew.red/posts/${id}`);
  
      if (data.status === 200) {
        console.log("post deleted");
      }
  
      dispatch(_slices_postsSlice__WEBPACK_IMPORTED_MODULE_1__[/* postsReducer */ "a"].actions.deletePost(id));
    } catch (err) {
      console.log(err);
    }
  };
  const createPost = body => async (dispatch, getState) => {
    try {
      const result = await axios__WEBPACK_IMPORTED_MODULE_0___default.a.post("https://simple-blog-api.crew.red/posts/", body);
  
      if (result.status === 201) {
        console.log("POST CREATED");
      }
    } catch (err) {
      console.log(err);
    }
  };
  const getPost = id => async (dispatch, getState) => {
    try {
      const data = await axios__WEBPACK_IMPORTED_MODULE_0___default.a.get(`https://simple-blog-api.crew.red/posts/${id}`);
  
      if (data.status === 200) {
        console.log("Got post");
        dispatch(_slices_postSlice__WEBPACK_IMPORTED_MODULE_2__[/* postReducer */ "a"].actions.getPost(data.data));
      }
    } catch (err) {
      console.log(err);
    }
  };
  
  /***/ }),
  
  /***/ "Fm7H":
  /***/ (function(module, exports) {
  
  module.exports = require("@material-ui/icons/Favorite");
  
  /***/ }),
  
  /***/ "KKbo":
  /***/ (function(module, exports) {
  
  module.exports = require("@material-ui/core");
  
  /***/ }),
  
  /***/ "KkvU":
  /***/ (function(module, exports) {
  
  module.exports = require("@material-ui/icons/Whatshot");
  
  /***/ }),
  
  /***/ "MCme":
  /***/ (function(module, exports) {
  
  module.exports = require("@material-ui/core/Link");
  
  /***/ }),
  
  /***/ "PxrZ":
  /***/ (function(module, exports) {
  
  module.exports = require("@material-ui/core/CardActions");
  
  /***/ }),
  
  /***/ "UVoM":
  /***/ (function(module, exports) {
  
  module.exports = require("@material-ui/core/Typography");
  
  /***/ }),
  
  /***/ "Uynj":
  /***/ (function(module, exports) {
  
  module.exports = require("@material-ui/core/Container");
  
  /***/ }),
  
  /***/ "YZXy":
  /***/ (function(module, exports) {
  
  module.exports = require("@material-ui/icons/Home");
  
  /***/ }),
  
  /***/ "YeXC":
  /***/ (function(module, exports) {
  
  module.exports = require("@material-ui/core/Card");
  
  /***/ }),
  
  /***/ "apO0":
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  
  // EXPORTS
  __webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ Layout; });
  
  // EXTERNAL MODULE: external "react"
  var external_react_ = __webpack_require__("cDcd");
  var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
  
  // EXTERNAL MODULE: external "@material-ui/core/styles"
  var styles_ = __webpack_require__("9Pu4");
  
  // EXTERNAL MODULE: external "@material-ui/core/Breadcrumbs"
  var Breadcrumbs_ = __webpack_require__("nZMi");
  var Breadcrumbs_default = /*#__PURE__*/__webpack_require__.n(Breadcrumbs_);
  
  // EXTERNAL MODULE: external "@material-ui/core/Link"
  var Link_ = __webpack_require__("MCme");
  var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
  
  // EXTERNAL MODULE: external "@material-ui/icons/Home"
  var Home_ = __webpack_require__("YZXy");
  var Home_default = /*#__PURE__*/__webpack_require__.n(Home_);
  
  // EXTERNAL MODULE: external "@material-ui/icons/Whatshot"
  var Whatshot_ = __webpack_require__("KkvU");
  var Whatshot_default = /*#__PURE__*/__webpack_require__.n(Whatshot_);
  
  // CONCATENATED MODULE: ./components/navBar/NavBar.tsx
  var __jsx = external_react_default.a.createElement;
  
  
  
  
  
  
  const useStyles = Object(styles_["makeStyles"])(theme => Object(styles_["createStyles"])({
    link: {
      display: "flex"
    },
    icon: {
      marginRight: theme.spacing(0.5),
      width: 20,
      height: 20
    }
  }));
  
  function handleClick(event) {
    event.preventDefault();
    console.info("You clicked a breadcrumb.");
  }
  
  function IconBreadcrumbs() {
    const classes = useStyles();
    return __jsx(Breadcrumbs_default.a, {
      "aria-label": "breadcrumb"
    }, __jsx(Link_default.a, {
      color: "inherit",
      href: "/",
      className: classes.link
    }, __jsx(Home_default.a, {
      className: classes.icon
    }), "Home"), __jsx(Link_default.a, {
      color: "inherit",
      href: "/posts/new" // onClick={handleClick}
      ,
      className: classes.link
    }, __jsx(Whatshot_default.a, {
      className: classes.icon
    }), "Add post"));
  }
  // EXTERNAL MODULE: external "@material-ui/core/CssBaseline"
  var CssBaseline_ = __webpack_require__("AJJM");
  var CssBaseline_default = /*#__PURE__*/__webpack_require__.n(CssBaseline_);
  
  // EXTERNAL MODULE: external "@material-ui/core/Container"
  var Container_ = __webpack_require__("Uynj");
  var Container_default = /*#__PURE__*/__webpack_require__.n(Container_);
  
  // CONCATENATED MODULE: ./components/Layout.tsx
  var Layout_jsx = external_react_default.a.createElement;
  
  
  
  
  function Layout(props) {
    return Layout_jsx(external_react_default.a.Fragment, null, Layout_jsx(CssBaseline_default.a, null), Layout_jsx(Container_default.a, {
      maxWidth: "lg",
      style: {
        padding: 0
      }
    }, Layout_jsx(IconBreadcrumbs, null), Layout_jsx("div", null, props.children)));
  }
  
  /***/ }),
  
  /***/ "bXgj":
  /***/ (function(module, exports) {
  
  module.exports = require("@material-ui/core/CardHeader");
  
  /***/ }),
  
  /***/ "cDcd":
  /***/ (function(module, exports) {
  
  module.exports = require("react");
  
  /***/ }),
  
  /***/ "dYMV":
  /***/ (function(module, exports) {
  
  module.exports = require("clsx");
  
  /***/ }),
  
  /***/ "h74D":
  /***/ (function(module, exports) {
  
  module.exports = require("react-redux");
  
  /***/ }),
  
  /***/ "igu8":
  /***/ (function(module, exports) {
  
  module.exports = require("@material-ui/core/Collapse");
  
  /***/ }),
  
  /***/ "nZMi":
  /***/ (function(module, exports) {
  
  module.exports = require("@material-ui/core/Breadcrumbs");
  
  /***/ }),
  
  /***/ "ng1p":
  /***/ (function(module, exports) {
  
  module.exports = require("@material-ui/icons/Delete");
  
  /***/ }),
  
  /***/ "s051":
  /***/ (function(module, exports) {
  
  module.exports = require("@material-ui/core/CardMedia");
  
  /***/ }),
  
  /***/ "sJwu":
  /***/ (function(module, exports) {
  
  module.exports = require("@material-ui/icons/MenuBookRounded");
  
  /***/ }),
  
  /***/ "thJL":
  /***/ (function(module, exports) {
  
  module.exports = require("@material-ui/core/CardContent");
  
  /***/ }),
  
  /***/ "u3xH":
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return postReducer; });
  /* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("+wlD");
  /* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__);
  
  const postReducer = Object(_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__["createSlice"])({
    name: "post",
    initialState: {},
    reducers: {
      getPost: (state, {
        payload
      }) => {
        return payload;
      }
    }
  });
  
  /***/ }),
  
  /***/ "yG97":
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  // ESM COMPAT FLAG
  __webpack_require__.r(__webpack_exports__);
  
  // EXTERNAL MODULE: external "react"
  var external_react_ = __webpack_require__("cDcd");
  var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
  
  // EXTERNAL MODULE: external "react-redux"
  var external_react_redux_ = __webpack_require__("h74D");
  
  // EXTERNAL MODULE: external "next/router"
  var router_ = __webpack_require__("4Q3z");
  
  // EXTERNAL MODULE: ./lib/operations/postsOperation.js
  var postsOperation = __webpack_require__("FGIR");
  
  // EXTERNAL MODULE: ./components/Layout.tsx + 1 modules
  var Layout = __webpack_require__("apO0");
  
  // EXTERNAL MODULE: external "@material-ui/core/styles"
  var styles_ = __webpack_require__("9Pu4");
  
  // EXTERNAL MODULE: external "clsx"
  var external_clsx_ = __webpack_require__("dYMV");
  
  // EXTERNAL MODULE: external "@material-ui/core/Card"
  var Card_ = __webpack_require__("YeXC");
  var Card_default = /*#__PURE__*/__webpack_require__.n(Card_);
  
  // EXTERNAL MODULE: external "@material-ui/core/CardHeader"
  var CardHeader_ = __webpack_require__("bXgj");
  var CardHeader_default = /*#__PURE__*/__webpack_require__.n(CardHeader_);
  
  // EXTERNAL MODULE: external "@material-ui/core/CardMedia"
  var CardMedia_ = __webpack_require__("s051");
  
  // EXTERNAL MODULE: external "@material-ui/core/CardContent"
  var CardContent_ = __webpack_require__("thJL");
  var CardContent_default = /*#__PURE__*/__webpack_require__.n(CardContent_);
  
  // EXTERNAL MODULE: external "@material-ui/core/CardActions"
  var CardActions_ = __webpack_require__("PxrZ");
  var CardActions_default = /*#__PURE__*/__webpack_require__.n(CardActions_);
  
  // EXTERNAL MODULE: external "@material-ui/core/Collapse"
  var Collapse_ = __webpack_require__("igu8");
  
  // EXTERNAL MODULE: external "@material-ui/core/Avatar"
  var Avatar_ = __webpack_require__("4ZJ9");
  var Avatar_default = /*#__PURE__*/__webpack_require__.n(Avatar_);
  
  // EXTERNAL MODULE: external "@material-ui/core/IconButton"
  var IconButton_ = __webpack_require__("EmCc");
  var IconButton_default = /*#__PURE__*/__webpack_require__.n(IconButton_);
  
  // EXTERNAL MODULE: external "@material-ui/core/Typography"
  var Typography_ = __webpack_require__("UVoM");
  var Typography_default = /*#__PURE__*/__webpack_require__.n(Typography_);
  
  // EXTERNAL MODULE: external "@material-ui/core/colors"
  var colors_ = __webpack_require__("+FwM");
  
  // EXTERNAL MODULE: external "@material-ui/icons/Favorite"
  var Favorite_ = __webpack_require__("Fm7H");
  
  // EXTERNAL MODULE: external "@material-ui/icons/Delete"
  var Delete_ = __webpack_require__("ng1p");
  var Delete_default = /*#__PURE__*/__webpack_require__.n(Delete_);
  
  // EXTERNAL MODULE: external "@material-ui/icons/MenuBookRounded"
  var MenuBookRounded_ = __webpack_require__("sJwu");
  
  // EXTERNAL MODULE: ./components/loader/Loader.js
  var Loader = __webpack_require__("AOJM");
  
  // EXTERNAL MODULE: external "@material-ui/core"
  var core_ = __webpack_require__("KKbo");
  
  // CONCATENATED MODULE: ./components/singlePost/PostById.js
  var __jsx = external_react_default.a.createElement;
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  const useStyles = Object(styles_["makeStyles"])(theme => Object(styles_["createStyles"])({
    root: {
      width: "100%"
    },
    media: {
      height: 0,
      paddingTop: "56.25%" // 16:9
  
    },
    expand: {
      transform: "rotate(0deg)",
      marginLeft: "auto",
      transition: theme.transitions.create("transform", {
        duration: theme.transitions.duration.shortest
      })
    },
    expandOpen: {
      transform: "rotate(180deg)"
    },
    avatar: {
      backgroundColor: colors_["red"][500]
    }
  }));
  function PostById() {
    const post = Object(external_react_redux_["useSelector"])(state => state.post);
    const {
      title,
      body,
      id
    } = post;
    const classes = useStyles();
    const [expanded, setExpanded] = external_react_default.a.useState(false);
    const dispatch = Object(external_react_redux_["useDispatch"])();
    const router = Object(router_["useRouter"])();
  
    const handleDelete = () => {
      dispatch(Object(postsOperation["b" /* deletePosts */])(id));
      router.push("/");
    };
  
    return __jsx(external_react_default.a.Fragment, null, title ? __jsx(Card_default.a, {
      className: classes.root
    }, __jsx(CardHeader_default.a, {
      avatar: __jsx(Avatar_default.a, {
        "aria-label": "recipe",
        className: classes.avatar
      }, "x"),
      title: title,
      subheader: "September 14, 2016"
    }), __jsx(CardContent_default.a, null, __jsx(Typography_default.a, {
      variant: "body2",
      color: "textSecondary",
      component: "p"
    }, body && body.substring(0, 80) + "...")), __jsx(CardActions_default.a, {
      disableSpacing: true
    }, __jsx(IconButton_default.a, {
      "aria-label": "delete",
      onClick: handleDelete
    }, __jsx(Delete_default.a, null)))) : __jsx(Loader["a" /* default */], null));
  }
  // CONCATENATED MODULE: ./pages/posts/[id].js
  var _id_jsx = external_react_default.a.createElement;
  
  
  
  
  
  
  
  const postById = () => {
    const dispatch = Object(external_react_redux_["useDispatch"])();
    const router = Object(router_["useRouter"])();
    const {
      id
    } = router.query;
  
    const getInitialProps = async () => {
      await dispatch(Object(postsOperation["c" /* getPost */])(id));
    };
  
    getInitialProps();
    return _id_jsx(Layout["a" /* default */], null, _id_jsx(PostById, null));
  };
  
  /* harmony default export */ var _id_ = __webpack_exports__["default"] = (postById);
  
  /***/ }),
  
  /***/ "zr5I":
  /***/ (function(module, exports) {
  
  module.exports = require("axios");
  
  /***/ })
  
  /******/ });