@umijs/renderer-react 4.0.29 → 4.0.31

package/dist/browser.js

@@ -4,6 +4,7 @@ import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIterat
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useEffect, useState } from 'react'; // compatible with < react@18 in @umijs/preset-umi/src/features/react
 
+import { HelmetProvider } from 'react-helmet-async';
 import ReactDOM from 'react-dom/client';
 import { matchRoutes, Router, useRoutes } from 'react-router-dom';
 import { AppContext, useAppData } from "./appContext";
@@ -233,7 +234,9 @@ var getBrowser = function getBrowser(opts, routesElement) {
         handleRouteChange(e.location.pathname);
       });
     }, []);
-    return /*#__PURE__*/React.createElement(AppContext.Provider, {
+    return /*#__PURE__*/React.createElement(HelmetProvider, {
+      context: {}
+    }, /*#__PURE__*/React.createElement(AppContext.Provider, {
       value: {
         routes: opts.routes,
         routeComponents: opts.routeComponents,
@@ -246,7 +249,7 @@ var getBrowser = function getBrowser(opts, routesElement) {
         preloadRoute: handleRouteChange,
         history: opts.history
       }
-    }, rootContainer);
+    }, rootContainer));
   };
 
   return Browser;
@@ -270,7 +273,8 @@ export function renderClient(opts) {
   }
 
   if (ReactDOM.createRoot) {
-    ReactDOM.createRoot(rootElement).render( /*#__PURE__*/React.createElement(Browser, null));
+    root = ReactDOM.createRoot(rootElement);
+    root.render( /*#__PURE__*/React.createElement(Browser, null));
     return;
   } // @ts-ignore
 

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { createBrowserHistory, createHashHistory, createMemoryHistory, type History, } from 'history';
 export { createSearchParams, generatePath, matchPath, matchRoutes, Navigate, NavLink, Outlet, resolvePath, useLocation, useMatch, useNavigate, useOutlet, useOutletContext, useParams, useResolvedPath, useRoutes, useSearchParams, } from 'react-router-dom';
+export { Helmet } from 'react-helmet-async';
 export { useAppData, useClientLoaderData, useServerLoaderData, } from './appContext';
 export { renderClient, __getRoot } from './browser';
 export { LinkWithPrefetch as Link } from './link';

package/dist/index.js

@@ -1,5 +1,6 @@
 export { createBrowserHistory, createHashHistory, createMemoryHistory } from 'history';
 export { createSearchParams, generatePath, matchPath, matchRoutes, Navigate, NavLink, Outlet, resolvePath, useLocation, useMatch, useNavigate, useOutlet, useOutletContext, useParams, useResolvedPath, useRoutes, useSearchParams } from 'react-router-dom';
+export { Helmet } from 'react-helmet-async';
 export { useAppData, useClientLoaderData, useServerLoaderData } from "./appContext";
 export { renderClient, __getRoot } from "./browser";
 export { LinkWithPrefetch as Link } from "./link";

package/dist/server.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { IRouteComponents, IRoutesById } from './types';
+export declare function getHelmetContext(): {};
 export declare function getClientRootComponent(opts: {
     routes: IRoutesById;
     routeComponents: IRouteComponents;

package/dist/server.js

@@ -2,11 +2,18 @@ import _regeneratorRuntime from "@babel/runtime/helpers/regeneratorRuntime";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import React from 'react';
+import { HelmetProvider } from 'react-helmet-async';
 import { StaticRouter } from 'react-router-dom/server';
 import { AppContext } from "./appContext";
 import { Routes } from "./browser";
 import { createClientRoutes } from "./routes";
-// Get the root React component for ReactDOMServer.renderToString
+// store helmet data
+var helmetContext = {}; // get helmet context
+
+export function getHelmetContext() {
+  return helmetContext;
+} // Get the root React component for ReactDOMServer.renderToString
+
 export function getClientRootComponent(_x) {
   return _getClientRootComponent.apply(this, arguments);
 }
@@ -44,6 +51,8 @@ function _getClientRootComponent() {
             return _context.abrupt("return", /*#__PURE__*/React.createElement(Html, {
               loaderData: opts.loaderData,
               manifest: opts.manifest
+            }, /*#__PURE__*/React.createElement(HelmetProvider, {
+              context: helmetContext
             }, /*#__PURE__*/React.createElement(AppContext.Provider, {
               value: {
                 routes: opts.routes,
@@ -54,7 +63,7 @@ function _getClientRootComponent() {
                 clientLoaderData: {},
                 serverLoaderData: opts.loaderData
               }
-            }, rootContainer)));
+            }, rootContainer))));
 
           case 6:
           case "end":

package/dist/useFetcher.d.ts

@@ -1,3 +1,3 @@
 export declare function __useFetcher(): {
-    load(path?: string | undefined): void;
+    load(path?: string): void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umijs/renderer-react",
-  "version": "4.0.29",
+  "version": "4.0.31",
   "description": "@umijs/renderer-react",
   "homepage": "https://github.com/umijs/umi/tree/master/packages/renderer-react#readme",
   "bugs": "https://github.com/umijs/umi/issues",
@@ -25,6 +25,7 @@
     "@babel/runtime": "7.18.9",
     "@loadable/component": "5.15.2",
     "history": "5.3.0",
+    "react-helmet-async": "1.3.0",
     "react-router-dom": "6.3.0"
   },
   "devDependencies": {