@dr.pogodin/react-utils 1.43.5 → 1.43.7

package/build/types-code/shared/components/index.d.ts

@@ -1,13 +1,13 @@
 /**
  * Just an aggregation of all exported components into a single module.
  */
+export { MetaTags } from '@dr.pogodin/react-helmet';
 export * from './selectors';
 export { default as Button, BaseButton } from './Button';
 export { default as Checkbox } from './Checkbox';
 export { default as Input } from './Input';
 export { default as Link } from './Link';
 export { default as PageLayout } from './PageLayout';
-export { default as MetaTags } from './MetaTags';
 export { default as Modal, BaseModal } from './Modal';
 export { default as NavLink } from './NavLink';
 export { default as Throbber } from './Throbber';

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.43.5",
+  "version": "1.43.7",
   "bin": {
     "react-utils-build": "bin/build.js",
     "react-utils-setup": "bin/setup.js"
@@ -8,12 +8,12 @@
     "url": "https://github.com/birdofpreyru/react-utils/issues"
   },
   "dependencies": {
-    "@babel/runtime": "^7.27.0",
+    "@babel/runtime": "^7.27.1",
     "@dr.pogodin/babel-plugin-react-css-modules": "^6.13.5",
     "@dr.pogodin/csurf": "^1.14.2",
     "@dr.pogodin/js-utils": "^0.0.17",
     "@dr.pogodin/react-global-state": "^0.18.1",
-    "@dr.pogodin/react-helmet": "^3.0.1",
+    "@dr.pogodin/react-helmet": "^3.0.2",
     "@dr.pogodin/react-themes": "^1.8.0",
     "@jest/environment": "^29.7.0",
     "axios": "^1.9.0",
@@ -46,17 +46,17 @@
   },
   "description": "Collection of generic ReactJS components and utils",
   "devDependencies": {
-    "@babel/cli": "^7.27.0",
-    "@babel/core": "^7.26.10",
-    "@babel/node": "^7.26.0",
-    "@babel/plugin-transform-runtime": "^7.26.10",
-    "@babel/preset-env": "^7.26.9",
-    "@babel/preset-react": "^7.26.3",
-    "@babel/preset-typescript": "^7.27.0",
-    "@babel/register": "^7.25.9",
+    "@babel/cli": "^7.27.1",
+    "@babel/core": "^7.27.1",
+    "@babel/node": "^7.27.1",
+    "@babel/plugin-transform-runtime": "^7.27.1",
+    "@babel/preset-env": "^7.27.1",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
+    "@babel/register": "^7.27.1",
     "@dr.pogodin/babel-plugin-transform-assets": "^1.2.4",
     "@dr.pogodin/babel-preset-svgr": "^1.9.0",
-    "@dr.pogodin/eslint-configs": "^0.0.3",
+    "@dr.pogodin/eslint-configs": "^0.0.5",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.6.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
@@ -74,7 +74,7 @@
     "@types/node-forge": "^1.3.11",
     "@types/pretty": "^2.0.3",
     "@types/react": "^19.1.2",
-    "@types/react-dom": "^19.1.2",
+    "@types/react-dom": "^19.1.3",
     "@types/request-ip": "^0.0.41",
     "@types/serialize-javascript": "^5.0.4",
     "@types/serve-favicon": "^2.5.7",
@@ -85,14 +85,13 @@
     "babel-jest": "^29.7.0",
     "babel-loader": "^10.0.0",
     "babel-plugin-module-resolver": "^5.0.2",
-    "core-js": "^3.41.0",
+    "core-js": "^3.42.0",
     "css-loader": "^7.1.2",
     "css-minimizer-webpack-plugin": "^7.0.2",
-    "eslint": "9.25.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "memfs": "^4.17.0",
+    "memfs": "^4.17.1",
     "mini-css-extract-plugin": "^2.9.2",
     "mockdate": "^3.0.5",
     "nodelist-foreach-polyfill": "^1.2.0",

package/src/shared/components/index.ts

@@ -2,6 +2,8 @@
  * Just an aggregation of all exported components into a single module.
  */
 
+export { MetaTags } from '@dr.pogodin/react-helmet';
+
 export * from 'components/selectors';
 
 export { default as Button, BaseButton } from 'components/Button';
@@ -9,7 +11,6 @@ export { default as Checkbox } from 'components/Checkbox';
 export { default as Input } from 'components/Input';
 export { default as Link } from 'components/Link';
 export { default as PageLayout } from 'components/PageLayout';
-export { default as MetaTags } from 'components/MetaTags';
 export { default as Modal, BaseModal } from 'components/Modal';
 export { default as NavLink } from 'components/NavLink';
 export { default as Throbber } from 'components/Throbber';

package/src/shared/utils/jest/index.ts

@@ -193,12 +193,18 @@ export function snapshot(
 
   if (res === undefined) throw Error('Render failed');
   if (options?.await) {
-    // TODO: Then body of .then() is the same as the last three lines in this
-    // function, executed for the non-async variant. We should re-use that.
-    return promise.then(() => {
-      const nodes = res!.asFragment().childNodes;
-      expect(nodes.length > 1 ? [...nodes] : nodes[0]).toMatchSnapshot();
-      return res!;
+    // BEWARE: Although `promise` is thenable (i.e. it has .then() method),
+    // it is not an instance of proper Promise class, and returning it directly
+    // breaks some async logic in Jest test or React test functions... thus, we
+    // wrap it into Promise instance here.
+    return new Promise((resolve) => {
+      void promise.then(() => {
+        // TODO: These lines are the same as the lines below for sync variant of
+        // the function. We should split and reuse them in both places.
+        const nodes = res!.asFragment().childNodes;
+        expect(nodes.length > 1 ? [...nodes] : nodes[0]).toMatchSnapshot();
+        resolve(res!);
+      });
     });
   }
 

package/build/development/shared/components/MetaTags.js

@@ -1,111 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _reactHelmet = require("@dr.pogodin/react-helmet");
-var _jsxRuntime = require("react/jsx-runtime");
-// TODO: Move this component to React Helmet library.
-
-const Context = /*#__PURE__*/(0, _react.createContext)({
-  description: '',
-  title: ''
-});
-
-/**
- * Auxiliary wrapper around "react-helmet", which helps to inject meta tags
- * (page title, a brief content description, and social media thumbnails) into
- * generated pages.
- */
-const MetaTags = ({
-  children,
-  description,
-  extraMetaTags,
-  image,
-  siteName,
-  socialDescription,
-  socialTitle,
-  title,
-  url
-}) => {
-  // NOTE: I guess, in this very case, we should prefer title and description
-  // also to empty social title and decscription?
-  /* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
-  const socTitle = socialTitle || title;
-  const socDesc = socialDescription || description;
-  /* eslint-enable @typescript-eslint/prefer-nullish-coalescing */
-
-  const context = (0, _react.useMemo)(() => ({
-    description,
-    image,
-    siteName,
-    socialDescription,
-    socialTitle,
-    title,
-    url
-  }), [description, image, siteName, socialDescription, socialTitle, title, url]);
-  const extra = [];
-  if (extraMetaTags?.length) {
-    for (let i = 0; i < extraMetaTags.length; ++i) {
-      const {
-        content,
-        name
-      } = extraMetaTags[i];
-      extra.push(/*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        content: content,
-        name: name
-      }, `extra-meta-tag-${i}`));
-    }
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactHelmet.Helmet, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-        children: title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        content: description,
-        name: "description"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        content: "summary_large_image",
-        name: "twitter:card"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        content: socTitle,
-        name: "twitter:title"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        content: socDesc,
-        name: "twitter:description"
-      }), image ? /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        content: image,
-        name: "twitter:image"
-      }) : null, siteName ? /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        content: `@${siteName}`,
-        name: "twitter:site"
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        content: socTitle,
-        name: "og:title"
-      }), image ? /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        content: image,
-        name: "og:image"
-      }) : null, image ? /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        content: socTitle,
-        name: "og:image:alt"
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        content: socDesc,
-        name: "og:description"
-      }), siteName ? /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        content: siteName,
-        name: "og:sitename"
-      }) : null, url ? /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        content: url,
-        name: "og:url"
-      }) : null, extra]
-    }), children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Context.Provider, {
-      value: context,
-      children: children
-    }) : null]
-  });
-};
-MetaTags.Context = Context;
-var _default = exports.default = MetaTags;
-//# sourceMappingURL=MetaTags.js.map

package/build/development/shared/components/MetaTags.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MetaTags.js","names":["_react","require","_reactHelmet","_jsxRuntime","Context","createContext","description","title","MetaTags","children","extraMetaTags","image","siteName","socialDescription","socialTitle","url","socTitle","socDesc","context","useMemo","extra","length","i","content","name","push","jsx","jsxs","Fragment","Helmet","Provider","value","_default","exports","default"],"sources":["../../../../src/shared/components/MetaTags.tsx"],"sourcesContent":["// TODO: Move this component to React Helmet library.\n\nimport {\n  type Context as ContextT,\n  type FunctionComponent,\n  type ReactNode,\n  createContext,\n  useMemo,\n} from 'react';\n\nimport { Helmet } from '@dr.pogodin/react-helmet';\n\ntype PropsT = {\n  children?: ReactNode;\n  description: string;\n  extraMetaTags?: Array<{\n    content: string;\n    name: string;\n  }>;\n  image?: string;\n  siteName?: string;\n  socialDescription?: string;\n  socialTitle?: string;\n  title: string;\n  url?: string;\n};\n\nconst Context = createContext<PropsT>({\n  description: '',\n  title: '',\n});\n\n/**\n * Auxiliary wrapper around \"react-helmet\", which helps to inject meta tags\n * (page title, a brief content description, and social media thumbnails) into\n * generated pages.\n */\nconst MetaTags: FunctionComponent<PropsT> & {\n  Context: ContextT<PropsT>;\n} = ({\n  children,\n  description,\n  extraMetaTags,\n  image,\n  siteName,\n  socialDescription,\n  socialTitle,\n  title,\n  url,\n}) => {\n  // NOTE: I guess, in this very case, we should prefer title and description\n  // also to empty social title and decscription?\n  /* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n  const socTitle = socialTitle || title;\n  const socDesc = socialDescription || description;\n  /* eslint-enable @typescript-eslint/prefer-nullish-coalescing */\n\n  const context = useMemo(() => ({\n    description,\n    image,\n    siteName,\n    socialDescription,\n    socialTitle,\n    title,\n    url,\n  }), [\n    description,\n    image,\n    siteName,\n    socialDescription,\n    socialTitle,\n    title,\n    url,\n  ]);\n\n  const extra: ReactNode[] = [];\n  if (extraMetaTags?.length) {\n    for (let i = 0; i < extraMetaTags.length; ++i) {\n      const { content, name } = extraMetaTags[i]!;\n      extra.push(\n        <meta\n          content={content}\n          key={`extra-meta-tag-${i}`}\n          name={name}\n        />,\n      );\n    }\n  }\n\n  return (\n    <>\n      <Helmet>\n        {/* General tags. */}\n        <title>\n          {title}\n        </title>\n        <meta content={description} name=\"description\" />\n\n        {/* Twitter cards. */}\n        <meta content=\"summary_large_image\" name=\"twitter:card\" />\n        <meta content={socTitle} name=\"twitter:title\" />\n        <meta content={socDesc} name=\"twitter:description\" />\n        { image ? <meta content={image} name=\"twitter:image\" /> : null }\n        {\n          siteName\n            ? <meta content={`@${siteName}`} name=\"twitter:site\" />\n            : null\n        }\n\n        {/* Open Graph data. */}\n        <meta content={socTitle} name=\"og:title\" />\n        { image ? <meta content={image} name=\"og:image\" /> : null }\n        { image ? <meta content={socTitle} name=\"og:image:alt\" /> : null }\n        <meta content={socDesc} name=\"og:description\" />\n        {\n          siteName ? <meta content={siteName} name=\"og:sitename\" /> : null\n        }\n        { url ? <meta content={url} name=\"og:url\" /> : null }\n        {extra}\n      </Helmet>\n      {\n        children ? (\n          <Context.Provider value={context}>\n            {children}\n          </Context.Provider>\n        ) : null\n      }\n    </>\n  );\n};\n\nMetaTags.Context = Context;\n\nexport default MetaTags;\n"],"mappings":"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","ignoreList":[]}

package/build/production/shared/components/MetaTags.js

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=require("react");var _reactHelmet=require("@dr.pogodin/react-helmet");var _jsxRuntime=require("react/jsx-runtime");// TODO: Move this component to React Helmet library.
-const Context=/*#__PURE__*/(0,_react.createContext)({description:"",title:""});/**
- * Auxiliary wrapper around "react-helmet", which helps to inject meta tags
- * (page title, a brief content description, and social media thumbnails) into
- * generated pages.
- */const MetaTags=({children,description,extraMetaTags,image,siteName,socialDescription,socialTitle,title,url})=>{// NOTE: I guess, in this very case, we should prefer title and description
-// also to empty social title and decscription?
-/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */const socTitle=socialTitle||title;const socDesc=socialDescription||description;/* eslint-enable @typescript-eslint/prefer-nullish-coalescing */const context=(0,_react.useMemo)(()=>({description,image,siteName,socialDescription,socialTitle,title,url}),[description,image,siteName,socialDescription,socialTitle,title,url]);const extra=[];if(extraMetaTags?.length){for(let i=0;i<extraMetaTags.length;++i){const{content,name}=extraMetaTags[i];extra.push(/*#__PURE__*/(0,_jsxRuntime.jsx)("meta",{content:content,name:name},`extra-meta-tag-${i}`))}}return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_reactHelmet.Helmet,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("title",{children:title}),/*#__PURE__*/(0,_jsxRuntime.jsx)("meta",{content:description,name:"description"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("meta",{content:"summary_large_image",name:"twitter:card"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("meta",{content:socTitle,name:"twitter:title"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("meta",{content:socDesc,name:"twitter:description"}),image?/*#__PURE__*/(0,_jsxRuntime.jsx)("meta",{content:image,name:"twitter:image"}):null,siteName?/*#__PURE__*/(0,_jsxRuntime.jsx)("meta",{content:`@${siteName}`,name:"twitter:site"}):null,/*#__PURE__*/(0,_jsxRuntime.jsx)("meta",{content:socTitle,name:"og:title"}),image?/*#__PURE__*/(0,_jsxRuntime.jsx)("meta",{content:image,name:"og:image"}):null,image?/*#__PURE__*/(0,_jsxRuntime.jsx)("meta",{content:socTitle,name:"og:image:alt"}):null,/*#__PURE__*/(0,_jsxRuntime.jsx)("meta",{content:socDesc,name:"og:description"}),siteName?/*#__PURE__*/(0,_jsxRuntime.jsx)("meta",{content:siteName,name:"og:sitename"}):null,url?/*#__PURE__*/(0,_jsxRuntime.jsx)("meta",{content:url,name:"og:url"}):null,extra]}),children?/*#__PURE__*/(0,_jsxRuntime.jsx)(Context.Provider,{value:context,children:children}):null]})};MetaTags.Context=Context;var _default=exports.default=MetaTags;
-//# sourceMappingURL=MetaTags.js.map

package/build/production/shared/components/MetaTags.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MetaTags.js","names":["_react","require","_reactHelmet","_jsxRuntime","Context","createContext","description","title","MetaTags","children","extraMetaTags","image","siteName","socialDescription","socialTitle","url","socTitle","socDesc","context","useMemo","extra","length","i","content","name","push","jsx","jsxs","Fragment","Helmet","Provider","value","_default","exports","default"],"sources":["../../../../src/shared/components/MetaTags.tsx"],"sourcesContent":["// TODO: Move this component to React Helmet library.\n\nimport {\n  type Context as ContextT,\n  type FunctionComponent,\n  type ReactNode,\n  createContext,\n  useMemo,\n} from 'react';\n\nimport { Helmet } from '@dr.pogodin/react-helmet';\n\ntype PropsT = {\n  children?: ReactNode;\n  description: string;\n  extraMetaTags?: Array<{\n    content: string;\n    name: string;\n  }>;\n  image?: string;\n  siteName?: string;\n  socialDescription?: string;\n  socialTitle?: string;\n  title: string;\n  url?: string;\n};\n\nconst Context = createContext<PropsT>({\n  description: '',\n  title: '',\n});\n\n/**\n * Auxiliary wrapper around \"react-helmet\", which helps to inject meta tags\n * (page title, a brief content description, and social media thumbnails) into\n * generated pages.\n */\nconst MetaTags: FunctionComponent<PropsT> & {\n  Context: ContextT<PropsT>;\n} = ({\n  children,\n  description,\n  extraMetaTags,\n  image,\n  siteName,\n  socialDescription,\n  socialTitle,\n  title,\n  url,\n}) => {\n  // NOTE: I guess, in this very case, we should prefer title and description\n  // also to empty social title and decscription?\n  /* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n  const socTitle = socialTitle || title;\n  const socDesc = socialDescription || description;\n  /* eslint-enable @typescript-eslint/prefer-nullish-coalescing */\n\n  const context = useMemo(() => ({\n    description,\n    image,\n    siteName,\n    socialDescription,\n    socialTitle,\n    title,\n    url,\n  }), [\n    description,\n    image,\n    siteName,\n    socialDescription,\n    socialTitle,\n    title,\n    url,\n  ]);\n\n  const extra: ReactNode[] = [];\n  if (extraMetaTags?.length) {\n    for (let i = 0; i < extraMetaTags.length; ++i) {\n      const { content, name } = extraMetaTags[i]!;\n      extra.push(\n        <meta\n          content={content}\n          key={`extra-meta-tag-${i}`}\n          name={name}\n        />,\n      );\n    }\n  }\n\n  return (\n    <>\n      <Helmet>\n        {/* General tags. */}\n        <title>\n          {title}\n        </title>\n        <meta content={description} name=\"description\" />\n\n        {/* Twitter cards. */}\n        <meta content=\"summary_large_image\" name=\"twitter:card\" />\n        <meta content={socTitle} name=\"twitter:title\" />\n        <meta content={socDesc} name=\"twitter:description\" />\n        { image ? <meta content={image} name=\"twitter:image\" /> : null }\n        {\n          siteName\n            ? <meta content={`@${siteName}`} name=\"twitter:site\" />\n            : null\n        }\n\n        {/* Open Graph data. */}\n        <meta content={socTitle} name=\"og:title\" />\n        { image ? <meta content={image} name=\"og:image\" /> : null }\n        { image ? <meta content={socTitle} name=\"og:image:alt\" /> : null }\n        <meta content={socDesc} name=\"og:description\" />\n        {\n          siteName ? <meta content={siteName} name=\"og:sitename\" /> : null\n        }\n        { url ? <meta content={url} name=\"og:url\" /> : null }\n        {extra}\n      </Helmet>\n      {\n        children ? (\n          <Context.Provider value={context}>\n            {children}\n          </Context.Provider>\n        ) : null\n      }\n    </>\n  );\n};\n\nMetaTags.Context = Context;\n\nexport default MetaTags;\n"],"mappings":"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","ignoreList":[]}

package/build/types-code/shared/components/MetaTags.d.ts

@@ -1,24 +0,0 @@
-import { type Context as ContextT, type FunctionComponent, type ReactNode } from 'react';
-type PropsT = {
-    children?: ReactNode;
-    description: string;
-    extraMetaTags?: Array<{
-        content: string;
-        name: string;
-    }>;
-    image?: string;
-    siteName?: string;
-    socialDescription?: string;
-    socialTitle?: string;
-    title: string;
-    url?: string;
-};
-/**
- * Auxiliary wrapper around "react-helmet", which helps to inject meta tags
- * (page title, a brief content description, and social media thumbnails) into
- * generated pages.
- */
-declare const MetaTags: FunctionComponent<PropsT> & {
-    Context: ContextT<PropsT>;
-};
-export default MetaTags;

package/src/shared/components/MetaTags.tsx

@@ -1,134 +0,0 @@
-// TODO: Move this component to React Helmet library.
-
-import {
-  type Context as ContextT,
-  type FunctionComponent,
-  type ReactNode,
-  createContext,
-  useMemo,
-} from 'react';
-
-import { Helmet } from '@dr.pogodin/react-helmet';
-
-type PropsT = {
-  children?: ReactNode;
-  description: string;
-  extraMetaTags?: Array<{
-    content: string;
-    name: string;
-  }>;
-  image?: string;
-  siteName?: string;
-  socialDescription?: string;
-  socialTitle?: string;
-  title: string;
-  url?: string;
-};
-
-const Context = createContext<PropsT>({
-  description: '',
-  title: '',
-});
-
-/**
- * Auxiliary wrapper around "react-helmet", which helps to inject meta tags
- * (page title, a brief content description, and social media thumbnails) into
- * generated pages.
- */
-const MetaTags: FunctionComponent<PropsT> & {
-  Context: ContextT<PropsT>;
-} = ({
-  children,
-  description,
-  extraMetaTags,
-  image,
-  siteName,
-  socialDescription,
-  socialTitle,
-  title,
-  url,
-}) => {
-  // NOTE: I guess, in this very case, we should prefer title and description
-  // also to empty social title and decscription?
-  /* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
-  const socTitle = socialTitle || title;
-  const socDesc = socialDescription || description;
-  /* eslint-enable @typescript-eslint/prefer-nullish-coalescing */
-
-  const context = useMemo(() => ({
-    description,
-    image,
-    siteName,
-    socialDescription,
-    socialTitle,
-    title,
-    url,
-  }), [
-    description,
-    image,
-    siteName,
-    socialDescription,
-    socialTitle,
-    title,
-    url,
-  ]);
-
-  const extra: ReactNode[] = [];
-  if (extraMetaTags?.length) {
-    for (let i = 0; i < extraMetaTags.length; ++i) {
-      const { content, name } = extraMetaTags[i]!;
-      extra.push(
-        <meta
-          content={content}
-          key={`extra-meta-tag-${i}`}
-          name={name}
-        />,
-      );
-    }
-  }
-
-  return (
-    <>
-      <Helmet>
-        {/* General tags. */}
-        <title>
-          {title}
-        </title>
-        <meta content={description} name="description" />
-
-        {/* Twitter cards. */}
-        <meta content="summary_large_image" name="twitter:card" />
-        <meta content={socTitle} name="twitter:title" />
-        <meta content={socDesc} name="twitter:description" />
-        { image ? <meta content={image} name="twitter:image" /> : null }
-        {
-          siteName
-            ? <meta content={`@${siteName}`} name="twitter:site" />
-            : null
-        }
-
-        {/* Open Graph data. */}
-        <meta content={socTitle} name="og:title" />
-        { image ? <meta content={image} name="og:image" /> : null }
-        { image ? <meta content={socTitle} name="og:image:alt" /> : null }
-        <meta content={socDesc} name="og:description" />
-        {
-          siteName ? <meta content={siteName} name="og:sitename" /> : null
-        }
-        { url ? <meta content={url} name="og:url" /> : null }
-        {extra}
-      </Helmet>
-      {
-        children ? (
-          <Context.Provider value={context}>
-            {children}
-          </Context.Provider>
-        ) : null
-      }
-    </>
-  );
-};
-
-MetaTags.Context = Context;
-
-export default MetaTags;