@modern-js/runtime 2.0.0-beta.0 → 2.0.0-beta.1

package/dist/js/treeshaking/router/runtime/utils.js

@@ -5,13 +5,13 @@ var _excluded = ["Component"];
 import React, { Suspense } from 'react';
 import { Route } from 'react-router-dom';
 import { DefaultNotFound } from "./DefaultNotFound";
+import { RootLayout } from "./root";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var renderNestedRoute = function renderNestedRoute(nestedRoute, parent) {
   var children = nestedRoute.children,
-      index = nestedRoute.index,
-      id = nestedRoute.id,
-      Component = nestedRoute.component;
+    index = nestedRoute.index,
+    id = nestedRoute.id,
+    Component = nestedRoute.component;
   var childElements = children === null || children === void 0 ? void 0 : children.map(function (childRoute) {
     return renderNestedRoute(childRoute, nestedRoute);
   });
@@ -27,27 +27,33 @@ var renderNestedRoute = function renderNestedRoute(nestedRoute, parent) {
     index: nestedRoute.index,
     errorElement: nestedRoute.errorElement
   };
-
   if (nestedRoute.error) {
     var errorElement = /*#__PURE__*/_jsx(nestedRoute.error, {});
-
     routeProps.errorElement = errorElement;
   }
-
+  var element;
   if (Component) {
     if (parent !== null && parent !== void 0 && parent.loading) {
       var Loading = parent.loading;
-      routeProps.element = /*#__PURE__*/_jsx(Suspense, {
+      element = /*#__PURE__*/_jsx(Suspense, {
         fallback: /*#__PURE__*/_jsx(Loading, {}),
         children: /*#__PURE__*/_jsx(Component, {})
       });
     } else {
-      routeProps.element = /*#__PURE__*/_jsx(Suspense, {
+      element = /*#__PURE__*/_jsx(Suspense, {
         children: /*#__PURE__*/_jsx(Component, {})
       });
     }
   }
-
+  if (!parent) {
+    element = /*#__PURE__*/_jsx(RootLayout, {
+      routes: [nestedRoute],
+      children: /*#__PURE__*/_jsx(Suspense, {
+        children: element
+      })
+    });
+  }
+  routeProps.element = element;
   var routeElement = index ? /*#__PURE__*/_jsx(Route, _objectSpread(_objectSpread({}, routeProps), {}, {
     index: true
   }), id) : /*#__PURE__*/_jsx(Route, _objectSpread(_objectSpread({}, routeProps), {}, {
@@ -56,32 +62,24 @@ var renderNestedRoute = function renderNestedRoute(nestedRoute, parent) {
   }), id);
   return routeElement;
 };
-
 export function getRouteComponents(routes, globalApp) {
   var Layout = function Layout(_ref) {
     var Component = _ref.Component,
-        props = _objectWithoutProperties(_ref, _excluded);
-
+      props = _objectWithoutProperties(_ref, _excluded);
     var GlobalLayout = globalApp;
-
     if (!GlobalLayout) {
       return /*#__PURE__*/_jsx(Component, _objectSpread({}, props));
     }
-
     return /*#__PURE__*/_jsx(GlobalLayout, _objectSpread({
       Component: Component
     }, props));
   };
-
   var routeElements = [];
-
   var _iterator = _createForOfIteratorHelper(routes),
-      _step;
-
+    _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var route = _step.value;
-
       if (route.type === 'nested') {
         var routeElement = renderNestedRoute(route);
         routeElements.push(routeElement);
@@ -92,7 +90,6 @@ export function getRouteComponents(routes, globalApp) {
             Component: route.component
           })
         }, route.path);
-
         routeElements.push(_routeElement);
       }
     }
@@ -101,7 +98,6 @@ export function getRouteComponents(routes, globalApp) {
   } finally {
     _iterator.f();
   }
-
   routeElements.push( /*#__PURE__*/_jsx(Route, {
     path: "*",
     element: /*#__PURE__*/_jsx(DefaultNotFound, {})
@@ -112,61 +108,47 @@ export function renderRoutes(routesConfig) {
   if (!routesConfig) {
     return null;
   }
-
   var routes = routesConfig.routes,
-      globalApp = routesConfig.globalApp;
-
+    globalApp = routesConfig.globalApp;
   if (!routes) {
     return null;
   }
-
   var routeElements = getRouteComponents(routes, globalApp);
   return routeElements;
 }
 export function getLocation(serverContext) {
   var _url$replace;
-
   var _ref2 = (serverContext === null || serverContext === void 0 ? void 0 : serverContext.request) || {},
-      pathname = _ref2.pathname,
-      url = _ref2.url;
-
+    pathname = _ref2.pathname,
+    url = _ref2.url;
   var cleanUrl = url === null || url === void 0 ? void 0 : (_url$replace = url.replace('http://', '')) === null || _url$replace === void 0 ? void 0 : _url$replace.replace('https://', '');
   var index = (cleanUrl || '').indexOf(pathname);
-
   if (index === -1) {
     return pathname;
   }
-
   return cleanUrl.substring(index);
 }
 export var urlJoin = function urlJoin() {
   var separator = '/';
   var replace = new RegExp("".concat(separator, "{1,}"), 'g');
-
   for (var _len = arguments.length, parts = new Array(_len), _key = 0; _key < _len; _key++) {
     parts[_key] = arguments[_key];
   }
-
   return standardSlash(parts.join(separator).replace(replace, separator));
 };
 export function standardSlash(str) {
   var addr = str;
-
   if (!addr || typeof addr !== 'string') {
     return addr;
   }
-
   if (addr.startsWith('.')) {
     addr = addr.slice(1);
   }
-
   if (!addr.startsWith('/')) {
     addr = "/".concat(addr);
   }
-
   if (addr.endsWith('/') && addr !== '/') {
     addr = addr.slice(0, addr.length - 1);
   }
-
   return addr;
 }

package/dist/js/treeshaking/router/runtime/withRouter.js

@@ -1,5 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 // legacy withRouter
+
 import React from 'react';
 import { useLocation, useNavigate, useParams } from 'react-router-dom';
 import { jsx as _jsx } from "react/jsx-runtime";

package/dist/js/treeshaking/ssr/cli/index.js

@@ -1,31 +1,24 @@
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import { getEntryOptions, SERVER_RENDER_FUNCTION_NAME, LOADABLE_STATS_FILE, isUseSSRBundle, createRuntimeExportsUtils, isSingleEntry } from '@modern-js/utils';
 var PLUGIN_IDENTIFIER = 'ssr';
-
 var hasStringSSREntry = function hasStringSSREntry(userConfig) {
   var isStreaming = function isStreaming(ssr) {
     return ssr && _typeof(ssr) === 'object' && ssr.mode === 'stream';
   };
-
   var server = userConfig.server;
-
   if (server !== null && server !== void 0 && server.ssr && !isStreaming(server.ssr)) {
     return true;
   }
-
   if (server !== null && server !== void 0 && server.ssrByEntries && _typeof(server.ssrByEntries) === 'object') {
     for (var _i = 0, _Object$keys = Object.keys(server.ssrByEntries); _i < _Object$keys.length; _i++) {
       var name = _Object$keys[_i];
-
       if (!isStreaming(server.ssrByEntries[name])) {
         return true;
       }
     }
   }
-
   return false;
 };
-
 export default (function () {
   return {
     name: '@modern-js/plugin-ssr',
@@ -46,13 +39,11 @@ export default (function () {
             tools: {
               webpackChain: function webpackChain(chain, _ref) {
                 var name = _ref.name,
-                    CHAIN_ID = _ref.CHAIN_ID;
+                  CHAIN_ID = _ref.CHAIN_ID;
                 var userConfig = api.useResolvedConfigContext();
-
                 if (isUseSSRBundle(userConfig) && name !== 'server' && hasStringSSREntry(userConfig)) {
                   // eslint-disable-next-line @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires
                   var LoadableWebpackPlugin = require('@loadable/webpack-plugin');
-
                   chain.plugin(CHAIN_ID.PLUGIN.LOADABLE).use(LoadableWebpackPlugin, [{
                     filename: LOADABLE_STATS_FILE
                   }]);
@@ -60,7 +51,6 @@ export default (function () {
               },
               babel: function babel(config) {
                 var userConfig = api.useResolvedConfigContext();
-
                 if (isUseSSRBundle(userConfig) && hasStringSSREntry(userConfig)) {
                   config.plugins.push(require.resolve('@loadable/babel-plugin'));
                 }
@@ -70,37 +60,30 @@ export default (function () {
         },
         modifyEntryImports: function modifyEntryImports(_ref2) {
           var entrypoint = _ref2.entrypoint,
-              imports = _ref2.imports;
+            imports = _ref2.imports;
           var entryName = entrypoint.entryName,
-              fileSystemRoutes = entrypoint.fileSystemRoutes;
+            fileSystemRoutes = entrypoint.fileSystemRoutes;
           var userConfig = api.useResolvedConfigContext();
-
           var _api$useAppContext = api.useAppContext(),
-              packageName = _api$useAppContext.packageName,
-              entrypoints = _api$useAppContext.entrypoints;
-
-          pluginsExportsUtils.addExport("export { default as ssr } from '@modern-js/runtime/ssr'"); // if use ssg then set ssr config to true
+            packageName = _api$useAppContext.packageName,
+            entrypoints = _api$useAppContext.entrypoints;
+          pluginsExportsUtils.addExport("export { default as ssr } from '@modern-js/runtime/ssr'");
 
+          // if use ssg then set ssr config to true
           var ssrConfig = getEntryOptions(entryName, userConfig.server.ssr, userConfig.server.ssrByEntries, packageName);
-
           if (_typeof(ssrConfig) === 'object' && ssrConfig.mode === 'stream') {
             var _runtimeConfig$router;
-
             var runtimeConfig = getEntryOptions(entryName, userConfig.runtime, userConfig.runtimeByEntries, packageName);
-
             if (runtimeConfig !== null && runtimeConfig !== void 0 && (_runtimeConfig$router = runtimeConfig.router) !== null && _runtimeConfig$router !== void 0 && _runtimeConfig$router.legacy) {
               throw new Error("Legacy router plugin doesn't support streaming SSR, check your config 'runtime.router'");
             }
-
             if (fileSystemRoutes && !entrypoint.nestedRoutesEntry) {
               throw new Error("You should switch to file-system based router to support streaming SSR.");
             }
           }
-
           var ssgConfig = userConfig.output.ssg;
           var useSSG = isSingleEntry(entrypoints) ? Boolean(ssgConfig) : ssgConfig === true || typeof (ssgConfig === null || ssgConfig === void 0 ? void 0 : ssgConfig[0]) === 'function' || Boolean(ssgConfig === null || ssgConfig === void 0 ? void 0 : ssgConfig[entryName]);
           ssrConfigMap.set(entryName, ssrConfig || useSSG);
-
           if (ssrConfig || useSSG) {
             imports.push({
               value: '@modern-js/runtime/plugins',
@@ -109,7 +92,6 @@ export default (function () {
               }]
             });
           }
-
           return {
             entrypoint: entrypoint,
             imports: imports
@@ -117,15 +99,13 @@ export default (function () {
         },
         modifyEntryRuntimePlugins: function modifyEntryRuntimePlugins(_ref3) {
           var entrypoint = _ref3.entrypoint,
-              plugins = _ref3.plugins;
-
+            plugins = _ref3.plugins;
           if (ssrConfigMap.get(entrypoint.entryName)) {
             plugins.push({
               name: PLUGIN_IDENTIFIER,
               options: JSON.stringify(ssrConfigMap.get(entrypoint.entryName))
             });
           }
-
           return {
             entrypoint: entrypoint,
             plugins: plugins
@@ -133,15 +113,13 @@ export default (function () {
         },
         modifyEntryExport: function modifyEntryExport(_ref4) {
           var entrypoint = _ref4.entrypoint,
-              exportStatement = _ref4.exportStatement;
-
+            exportStatement = _ref4.exportStatement;
           if (ssrConfigMap.get(entrypoint.entryName)) {
             return {
               entrypoint: entrypoint,
               exportStatement: ["export function ".concat(SERVER_RENDER_FUNCTION_NAME, "(context) {\n              return bootstrap(AppWrapper, context)\n            }"), exportStatement].join('\n')
             };
           }
-
           return {
             entrypoint: entrypoint,
             exportStatement: exportStatement

package/dist/js/treeshaking/ssr/index.js

@@ -15,32 +15,33 @@ export var ssr = function ssr(config) {
       return {
         client: function () {
           var _client = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
-            var App, context, ModernRender, ModernHydrate, hydrateContext, callback, stringSSRHydrate, streamSSRHydrate;
+            var _window, _window$_SSR_DATA;
+            var App, context, ModernRender, ModernHydrate, hydrateContext, callback, renderLevel, stringSSRHydrate, streamSSRHydrate;
             return _regeneratorRuntime().wrap(function _callee$(_context) {
               while (1) {
                 switch (_context.prev = _context.next) {
                   case 0:
                     streamSSRHydrate = function _streamSSRHydrate() {
-                      // callback: https://github.com/reactwg/react-18/discussions/5
-                      var SSRApp = function SSRApp() {
-                        return /*#__PURE__*/_jsx(WithCallback, {
-                          callback: callback,
-                          children: /*#__PURE__*/_jsx(App, {
-                            context: hydrateContext
-                          })
-                        });
-                      };
-
-                      SSRApp = hoistNonReactStatics(SSRApp, App);
-                      ModernHydrate( /*#__PURE__*/_jsx(SSRApp, {}));
+                      if (renderLevel === RenderLevel.SERVER_RENDER) {
+                        // callback: https://github.com/reactwg/react-18/discussions/5
+                        var SSRApp = function SSRApp() {
+                          return /*#__PURE__*/_jsx(WithCallback, {
+                            callback: callback,
+                            children: /*#__PURE__*/_jsx(App, {
+                              context: hydrateContext
+                            })
+                          });
+                        };
+                        SSRApp = hoistNonReactStatics(SSRApp, App);
+                        ModernHydrate( /*#__PURE__*/_jsx(SSRApp, {}));
+                      } else {
+                        ModernRender( /*#__PURE__*/_jsx(App, {
+                          context: context
+                        }));
+                      }
                     };
-
                     stringSSRHydrate = function _stringSSRHydrate() {
-                      var _window, _window$_SSR_DATA;
-
-                      // if render level not exist, use client render
-                      var renderLevel = ((_window = window) === null || _window === void 0 ? void 0 : (_window$_SSR_DATA = _window._SSR_DATA) === null || _window$_SSR_DATA === void 0 ? void 0 : _window$_SSR_DATA.renderLevel) || RenderLevel.CLIENT_RENDER; // client render and server prefetch use same logic
-
+                      // client render and server prefetch use same logic
                       if (renderLevel === RenderLevel.CLIENT_RENDER || renderLevel === RenderLevel.SERVER_PREFETCH) {
                         ModernRender( /*#__PURE__*/_jsx(App, {
                           context: context
@@ -57,7 +58,6 @@ export var ssr = function ssr(config) {
                                 })
                               });
                             };
-
                             SSRApp = hoistNonReactStatics(SSRApp, App);
                             ModernHydrate( /*#__PURE__*/_jsx(SSRApp, {}));
                           });
@@ -76,48 +76,38 @@ export var ssr = function ssr(config) {
                         }));
                       }
                     };
-
                     App = _ref.App, context = _ref.context, ModernRender = _ref.ModernRender, ModernHydrate = _ref.ModernHydrate;
                     hydrateContext = _objectSpread(_objectSpread({}, context), {}, {
                       _hydration: true
                     });
-
                     callback = function callback() {
                       // won't cause component re-render because context's reference identity doesn't change
                       delete hydrateContext._hydration;
-                    }; // react streamSSR hydrate
-
-
+                    }; // if render level not exist, use client render
+                    renderLevel = ((_window = window) === null || _window === void 0 ? void 0 : (_window$_SSR_DATA = _window._SSR_DATA) === null || _window$_SSR_DATA === void 0 ? void 0 : _window$_SSR_DATA.renderLevel) || RenderLevel.CLIENT_RENDER; // react streamSSR hydrate
                     if (!(isReact18() && config.mode === 'stream')) {
-                      _context.next = 7;
+                      _context.next = 8;
                       break;
                     }
-
                     return _context.abrupt("return", streamSSRHydrate());
-
-                  case 7:
-                    return _context.abrupt("return", stringSSRHydrate());
-
                   case 8:
+                    return _context.abrupt("return", stringSSRHydrate());
+                  case 9:
                   case "end":
                     return _context.stop();
                 }
               }
             }, _callee);
           }));
-
           function client(_x) {
             return _client.apply(this, arguments);
           }
-
           return client;
         }(),
         init: function init(_ref2, next) {
           var _window2, _window2$_SSR_DATA, _window2$_SSR_DATA$co;
-
           var context = _ref2.context;
           var request = (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$_SSR_DATA = _window2._SSR_DATA) === null || _window2$_SSR_DATA === void 0 ? void 0 : (_window2$_SSR_DATA$co = _window2$_SSR_DATA.context) === null || _window2$_SSR_DATA$co === void 0 ? void 0 : _window2$_SSR_DATA$co.request;
-
           if (!request) {
             context.ssrContext = _objectSpread(_objectSpread({}, context.ssrContext), {}, {
               response: mockResp,
@@ -127,7 +117,6 @@ export var ssr = function ssr(config) {
               context: context
             });
           }
-
           context.ssrContext.response = mockResp;
           context.ssrContext.request = formatClient(request);
           return next({
@@ -136,12 +125,10 @@ export var ssr = function ssr(config) {
         },
         pickContext: function pickContext(_ref3, next) {
           var _window3, _window3$_SSR_DATA, _window3$_SSR_DATA$co;
-
           var context = _ref3.context,
-              pickedContext = _ref3.pickedContext;
+            pickedContext = _ref3.pickedContext;
           var request = (_window3 = window) === null || _window3 === void 0 ? void 0 : (_window3$_SSR_DATA = _window3._SSR_DATA) === null || _window3$_SSR_DATA === void 0 ? void 0 : (_window3$_SSR_DATA$co = _window3$_SSR_DATA.context) === null || _window3$_SSR_DATA$co === void 0 ? void 0 : _window3$_SSR_DATA$co.request;
           var initialData = context.initialData;
-
           if (!request) {
             return next({
               context: context,
@@ -150,7 +137,6 @@ export var ssr = function ssr(config) {
               })
             });
           }
-
           return next({
             context: context,
             pickedContext: _objectSpread(_objectSpread({}, pickedContext), {}, {

package/dist/js/treeshaking/ssr/index.node.js

@@ -1,11 +1,8 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import { registerPrefetch } from "../core";
-import prefetch from "./prefetch";
 import { formatServer } from "./utils";
 import render from "./serverRender";
-var registeredApps = new WeakSet();
 export var ssr = function ssr() {
   var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return {
@@ -15,48 +12,36 @@ export var ssr = function ssr() {
         server: function () {
           var _server = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
             var App, context, html;
-            return _regeneratorRuntime().wrap(function _callee$(_context2) {
+            return _regeneratorRuntime().wrap(function _callee$(_context) {
               while (1) {
-                switch (_context2.prev = _context2.next) {
+                switch (_context.prev = _context.next) {
                   case 0:
                     App = _ref.App, context = _ref.context;
-
-                    if (!registeredApps.has(App)) {
-                      registerPrefetch(App, function (_context) {
-                        return prefetch(App, _context);
-                      });
-                      registeredApps.add(App);
-                    }
-
-                    _context2.next = 4;
+                    _context.next = 3;
                     return render({
                       context: context,
                       App: App,
                       config: config
                     });
-
-                  case 4:
-                    html = _context2.sent;
-                    return _context2.abrupt("return", html);
-
-                  case 6:
+                  case 3:
+                    html = _context.sent;
+                    return _context.abrupt("return", html);
+                  case 5:
                   case "end":
-                    return _context2.stop();
+                    return _context.stop();
                 }
               }
             }, _callee);
           }));
-
           function server(_x) {
             return _server.apply(this, arguments);
           }
-
           return server;
         }(),
         init: function init(_ref2, next) {
           var context = _ref2.context;
           var _ref3 = context.ssrContext,
-              request = _ref3.request;
+            request = _ref3.request;
           context.ssrContext.request = formatServer(request);
           return next({
             context: context
@@ -64,13 +49,11 @@ export var ssr = function ssr() {
         },
         pickContext: function pickContext(_ref4, next) {
           var context = _ref4.context,
-              pickedContext = _ref4.pickedContext;
-
+            pickedContext = _ref4.pickedContext;
           // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
           var _ref5 = context === null || context === void 0 ? void 0 : context.ssrContext,
-              request = _ref5.request,
-              response = _ref5.response;
-
+            request = _ref5.request,
+            response = _ref5.response;
           var initialData = context.initialData;
           return next({
             context: context,

package/dist/js/treeshaking/ssr/prefetch.js

@@ -4,7 +4,6 @@ import { renderToStaticMarkup } from 'react-dom/server';
 import { run } from '@modern-js/utils/ssr';
 import { ChunkExtractor } from '@loadable/server';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 // todo: SSRContext
 var prefetch = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(App, context) {
@@ -14,16 +13,13 @@ var prefetch = /*#__PURE__*/function () {
           case 0:
             return _context2.abrupt("return", run(context.ssrContext.request.headers, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
               var _context$store;
-
               var ssrContext, _ref3, loadableStats, extractor, loadersData;
-
               return _regeneratorRuntime().wrap(function _callee$(_context) {
                 while (1) {
                   switch (_context.prev = _context.next) {
                     case 0:
                       ssrContext = context.ssrContext;
                       _ref3 = ssrContext, loadableStats = _ref3.loadableStats;
-
                       if (loadableStats) {
                         extractor = new ChunkExtractor({
                           stats: loadableStats,
@@ -37,26 +33,21 @@ var prefetch = /*#__PURE__*/function () {
                           context: context
                         }));
                       }
-
                       if (context.loaderManager.hasPendingLoaders()) {
                         _context.next = 5;
                         break;
                       }
-
                       return _context.abrupt("return", {
                         initialData: context.initialData,
                         i18nData: context.__i18nData__
                       });
-
                     case 5:
                       _context.next = 7;
                       return context.loaderManager.awaitPendingLoaders();
-
                     case 7:
                       loadersData = _context.sent;
                       Object.keys(loadersData).forEach(function (id) {
                         var data = loadersData[id];
-
                         if (data._error) {
                           ssrContext.logger.error('App Prefetch Loader', data._error);
                           ssrContext.metrics.emitCounter('app.prefetch.loader.error', 1);
@@ -70,7 +61,6 @@ var prefetch = /*#__PURE__*/function () {
                         // todo: move to plugin state
                         storeState: context === null || context === void 0 ? void 0 : (_context$store = context.store) === null || _context$store === void 0 ? void 0 : _context$store.getState()
                       });
-
                     case 10:
                     case "end":
                       return _context.stop();
@@ -78,7 +68,6 @@ var prefetch = /*#__PURE__*/function () {
                 }
               }, _callee);
             }))));
-
           case 1:
           case "end":
             return _context2.stop();
@@ -86,10 +75,8 @@ var prefetch = /*#__PURE__*/function () {
       }
     }, _callee2);
   }));
-
   return function prefetch(_x, _x2) {
     return _ref.apply(this, arguments);
   };
 }();
-
 export default prefetch;

package/dist/js/treeshaking/ssr/react/nossr/index.js

@@ -3,10 +3,9 @@ import React, { useEffect, useState } from 'react';
 var csr = false;
 export var NoSSR = function NoSSR(props) {
   var _useState = useState(csr),
-      _useState2 = _slicedToArray(_useState, 2),
-      isMounted = _useState2[0],
-      setMounted = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isMounted = _useState2[0],
+    setMounted = _useState2[1];
   useEffect(function () {
     csr = true;
     setMounted(true);