react-intlayer 9.0.0-canary.2 → 9.0.0-canary.4

package/dist/cjs/client/index.cjs

@@ -11,6 +11,7 @@ const require_client_useIntlayer = require('./useIntlayer.cjs');
 const require_client_useLocale = require('./useLocale.cjs');
 const require_client_useLocaleBase = require('./useLocaleBase.cjs');
 const require_client_useRewriteURL = require('./useRewriteURL.cjs');
+const require_client_usePathname = require('./usePathname.cjs');
 
 exports.IntlayerClientContext = require_client_IntlayerProvider.IntlayerClientContext;
 exports.IntlayerProvider = require_client_IntlayerProvider.IntlayerProvider;
@@ -31,4 +32,5 @@ exports.useLocale = require_client_useLocale.useLocale;
 exports.useLocaleBase = require_client_useLocaleBase.useLocaleBase;
 exports.useLocaleCookie = require_client_useLocaleStorage.useLocaleCookie;
 exports.useLocaleStorage = require_client_useLocaleStorage.useLocaleStorage;
+exports.usePathname = require_client_usePathname.usePathname;
 exports.useRewriteURL = require_client_useRewriteURL.useRewriteURL;

package/dist/cjs/client/usePathname.cjs

@@ -0,0 +1,41 @@
+'use client';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let react = require("react");
+let _intlayer_core_localization = require("@intlayer/core/localization");
+
+//#region src/client/usePathname.ts
+/**
+* React hook that returns the current pathname with the locale segment removed.
+*
+* Reacts to browser back/forward navigation via the `popstate` event.
+* Falls back to an empty string during server-side rendering.
+*
+* @returns The current pathname without the locale prefix.
+*
+* @example
+* ```tsx
+* import { usePathname } from 'react-intlayer';
+*
+* const NavItem = ({ href }: { href: string }) => {
+*   const pathname = usePathname();
+*   return <a className={pathname === href ? 'active' : ''}>{href}</a>;
+* };
+* ```
+*/
+const usePathname = () => {
+	const [rawPathname, setRawPathname] = (0, react.useState)(typeof window !== "undefined" ? window.location.pathname : "");
+	(0, react.useEffect)(() => {
+		const handleLocationChange = () => {
+			setRawPathname(window.location.pathname);
+		};
+		window.addEventListener("popstate", handleLocationChange);
+		return () => window.removeEventListener("popstate", handleLocationChange);
+	}, []);
+	return (0, react.useMemo)(() => (0, _intlayer_core_localization.getPathWithoutLocale)(rawPathname), [rawPathname]);
+};
+
+//#endregion
+exports.usePathname = usePathname;
+//# sourceMappingURL=usePathname.cjs.map

package/dist/cjs/client/usePathname.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePathname.cjs","names":[],"sources":["../../../src/client/usePathname.ts"],"sourcesContent":["'use client';\n\nimport { getPathWithoutLocale } from '@intlayer/core/localization';\nimport { useEffect, useMemo, useState } from 'react';\n\n/**\n * React hook that returns the current pathname with the locale segment removed.\n *\n * Reacts to browser back/forward navigation via the `popstate` event.\n * Falls back to an empty string during server-side rendering.\n *\n * @returns The current pathname without the locale prefix.\n *\n * @example\n * ```tsx\n * import { usePathname } from 'react-intlayer';\n *\n * const NavItem = ({ href }: { href: string }) => {\n *   const pathname = usePathname();\n *   return <a className={pathname === href ? 'active' : ''}>{href}</a>;\n * };\n * ```\n */\nexport const usePathname = (): string => {\n  const [rawPathname, setRawPathname] = useState<string>(\n    typeof window !== 'undefined' ? window.location.pathname : ''\n  );\n\n  useEffect(() => {\n    const handleLocationChange = (): void => {\n      setRawPathname(window.location.pathname);\n    };\n\n    window.addEventListener('popstate', handleLocationChange);\n    return () => window.removeEventListener('popstate', handleLocationChange);\n  }, []);\n\n  return useMemo(() => getPathWithoutLocale(rawPathname), [rawPathname]);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAa,oBAA4B;CACvC,MAAM,CAAC,aAAa,sCAClB,OAAO,WAAW,cAAc,OAAO,SAAS,WAAW,GAC5D;AAED,4BAAgB;EACd,MAAM,6BAAmC;AACvC,kBAAe,OAAO,SAAS,SAAS;;AAG1C,SAAO,iBAAiB,YAAY,qBAAqB;AACzD,eAAa,OAAO,oBAAoB,YAAY,qBAAqB;IACxE,EAAE,CAAC;AAEN,uFAA0C,YAAY,EAAE,CAAC,YAAY,CAAC"}

package/dist/esm/client/index.mjs

@@ -10,5 +10,6 @@ import { useIntlayer } from "./useIntlayer.mjs";
 import { useLocale } from "./useLocale.mjs";
 import { useLocaleBase } from "./useLocaleBase.mjs";
 import { useRewriteURL } from "./useRewriteURL.mjs";
+import { usePathname } from "./usePathname.mjs";
 
-export { IntlayerClientContext, IntlayerProvider, IntlayerProviderContent, localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, t, useDictionary, useDictionaryAsync, useDictionaryDynamic, useI18n, useIntlayer, useIntlayerContext, useLoadDynamic, useLocale, useLocaleBase, useLocaleCookie, useLocaleStorage, useRewriteURL };
+export { IntlayerClientContext, IntlayerProvider, IntlayerProviderContent, localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, t, useDictionary, useDictionaryAsync, useDictionaryDynamic, useI18n, useIntlayer, useIntlayerContext, useLoadDynamic, useLocale, useLocaleBase, useLocaleCookie, useLocaleStorage, usePathname, useRewriteURL };

package/dist/esm/client/usePathname.mjs

@@ -0,0 +1,39 @@
+'use client';
+
+import { useEffect, useMemo, useState } from "react";
+import { getPathWithoutLocale } from "@intlayer/core/localization";
+
+//#region src/client/usePathname.ts
+/**
+* React hook that returns the current pathname with the locale segment removed.
+*
+* Reacts to browser back/forward navigation via the `popstate` event.
+* Falls back to an empty string during server-side rendering.
+*
+* @returns The current pathname without the locale prefix.
+*
+* @example
+* ```tsx
+* import { usePathname } from 'react-intlayer';
+*
+* const NavItem = ({ href }: { href: string }) => {
+*   const pathname = usePathname();
+*   return <a className={pathname === href ? 'active' : ''}>{href}</a>;
+* };
+* ```
+*/
+const usePathname = () => {
+	const [rawPathname, setRawPathname] = useState(typeof window !== "undefined" ? window.location.pathname : "");
+	useEffect(() => {
+		const handleLocationChange = () => {
+			setRawPathname(window.location.pathname);
+		};
+		window.addEventListener("popstate", handleLocationChange);
+		return () => window.removeEventListener("popstate", handleLocationChange);
+	}, []);
+	return useMemo(() => getPathWithoutLocale(rawPathname), [rawPathname]);
+};
+
+//#endregion
+export { usePathname };
+//# sourceMappingURL=usePathname.mjs.map

package/dist/esm/client/usePathname.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePathname.mjs","names":[],"sources":["../../../src/client/usePathname.ts"],"sourcesContent":["'use client';\n\nimport { getPathWithoutLocale } from '@intlayer/core/localization';\nimport { useEffect, useMemo, useState } from 'react';\n\n/**\n * React hook that returns the current pathname with the locale segment removed.\n *\n * Reacts to browser back/forward navigation via the `popstate` event.\n * Falls back to an empty string during server-side rendering.\n *\n * @returns The current pathname without the locale prefix.\n *\n * @example\n * ```tsx\n * import { usePathname } from 'react-intlayer';\n *\n * const NavItem = ({ href }: { href: string }) => {\n *   const pathname = usePathname();\n *   return <a className={pathname === href ? 'active' : ''}>{href}</a>;\n * };\n * ```\n */\nexport const usePathname = (): string => {\n  const [rawPathname, setRawPathname] = useState<string>(\n    typeof window !== 'undefined' ? window.location.pathname : ''\n  );\n\n  useEffect(() => {\n    const handleLocationChange = (): void => {\n      setRawPathname(window.location.pathname);\n    };\n\n    window.addEventListener('popstate', handleLocationChange);\n    return () => window.removeEventListener('popstate', handleLocationChange);\n  }, []);\n\n  return useMemo(() => getPathWithoutLocale(rawPathname), [rawPathname]);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAa,oBAA4B;CACvC,MAAM,CAAC,aAAa,kBAAkB,SACpC,OAAO,WAAW,cAAc,OAAO,SAAS,WAAW,GAC5D;AAED,iBAAgB;EACd,MAAM,6BAAmC;AACvC,kBAAe,OAAO,SAAS,SAAS;;AAG1C,SAAO,iBAAiB,YAAY,qBAAqB;AACzD,eAAa,OAAO,oBAAoB,YAAY,qBAAqB;IACxE,EAAE,CAAC;AAEN,QAAO,cAAc,qBAAqB,YAAY,EAAE,CAAC,YAAY,CAAC"}

package/dist/types/client/index.d.ts

@@ -9,5 +9,6 @@ import { useLoadDynamic } from "./useLoadDynamic.js";
 import { useLocale } from "./useLocale.js";
 import { useLocaleBase } from "./useLocaleBase.js";
 import { localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useLocaleCookie, useLocaleStorage } from "./useLocaleStorage.js";
+import { usePathname } from "./usePathname.js";
 import { useRewriteURL } from "./useRewriteURL.js";
-export { IntlayerClientContext, IntlayerProvider, IntlayerProviderContent, type IntlayerProviderProps, localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, t, useDictionary, useDictionaryAsync, useDictionaryDynamic, useI18n, useIntlayer, useIntlayerContext, useLoadDynamic, useLocale, useLocaleBase, useLocaleCookie, useLocaleStorage, useRewriteURL };
+export { IntlayerClientContext, IntlayerProvider, IntlayerProviderContent, type IntlayerProviderProps, localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, t, useDictionary, useDictionaryAsync, useDictionaryDynamic, useI18n, useIntlayer, useIntlayerContext, useLoadDynamic, useLocale, useLocaleBase, useLocaleCookie, useLocaleStorage, usePathname, useRewriteURL };

package/dist/types/client/usePathname.d.ts

@@ -0,0 +1,23 @@
+//#region src/client/usePathname.d.ts
+/**
+ * React hook that returns the current pathname with the locale segment removed.
+ *
+ * Reacts to browser back/forward navigation via the `popstate` event.
+ * Falls back to an empty string during server-side rendering.
+ *
+ * @returns The current pathname without the locale prefix.
+ *
+ * @example
+ * ```tsx
+ * import { usePathname } from 'react-intlayer';
+ *
+ * const NavItem = ({ href }: { href: string }) => {
+ *   const pathname = usePathname();
+ *   return <a className={pathname === href ? 'active' : ''}>{href}</a>;
+ * };
+ * ```
+ */
+declare const usePathname: () => string;
+//#endregion
+export { usePathname };
+//# sourceMappingURL=usePathname.d.ts.map

package/dist/types/client/usePathname.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePathname.d.ts","names":[],"sources":["../../../src/client/usePathname.ts"],"mappings":";;AAuBA;;;;;;;;;;;;;;;;;cAAa,WAAA"}

package/dist/types/index.d.ts

@@ -71,7 +71,7 @@ declare const useMarkdownRenderer: ({
   forceInline,
   preserveFrontmatter,
   tagfilter
-}?: RenderMarkdownProps$1) => (content: string | _$_intlayer_core_markdown0.ParsedMarkdown) => string | number | bigint | boolean | Iterable<_$react.ReactNode> | Promise<_$react.ReactNode> | _$react.JSX.Element;
+}?: RenderMarkdownProps$1) => (content: string | _$_intlayer_core_markdown0.ParsedMarkdown) => string | number | bigint | boolean | Iterable<_$react.ReactNode> | _$react.JSX.Element | Promise<_$react.ReactNode>;
 /**
  * @deprecated import from react-intlayer/markdown instead
  */

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;YAIY,kBAAA,iBAAmC,aAAA,UACnC,uBAAA,CAAwB,CAAA,EAAG,CAAA,EAAG,CAAA;AAAA;;;;;;;cAqD7B,gBAAA,UAAgB,EAAA,CAAA,yBAAA;eAAA,cAAA;;4FAxBlB,yBAAA,EAAA,UAAA,GAAA,cAAA,oBAEG,OAAA,GAEN,OAAA,CAAA,EAAA,CAAA,OAAA,CAAA,cAAA,CAAA,WAAA,OAAA,OAAA,CAAA,SAAA,GAAA,OAAA,CAAA,OAAA,CAAA,SAAA;AAAA;aAAA,OAAA,CAAA,SAAA;AAAA;;;;cAwBK,kBAAA;eAAwC,cAAA;2FAvCG,yBAAA,EAAA,UAAA,GAAA,cAAA,oBAC5B,OAAA,GACI,OAAA,CAAA,EAAA,CAAA,OAAA,CAAA,cAAA,CAAA,WAAA,OAAA,OAAA,CAAA,SAAA,GAAA,OAAA,CAAA,OAAA,CAAA,SAAA;AAAA;;;;KAyCpB,uBAAA,GAA0B,yBAAA;AARtC;;;AAAA,cAYa,cAAA,GAAc,OAAA,WAAkB,0BAAA,CAAlB,cAAA;EAAA,UAAA;EAAA,OAAA;EAAA,UAAA;EAAA,WAAA;EAAA,mBAAA;EAAA;AAAA,IAAA,qBAAA,KAAA,OAAA,CAAA,GAAA,CAAA,OAAA;;;;cAId,mBAAA;EAAmB,UAAA;EAAA,OAAA;EAAA,UAAA;EAAA,WAAA;EAAA,mBAAA;EAAA;AAAA,IAAA,qBAAA,MAak1C,OAAA,WAbl1C,0BAAA,CAak1C,cAAA,0CAAgC,QAAA,CAAA,OAAA,CAAA,SAAA,IAAA,OAAA,CAAA,OAAA,CAAA,SAAA,IAAA,OAAA,CAAA,GAAA,CAAA,OAAA;;;;cATr4C,gBAAA,EAAgB,OAAA,CAAA,EAAA,CAAA,uBAAA;;;;KAIjB,mBAAA,GAAsB,qBAAA;;;;KAItB,qBAAA,GAAwB,uBAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;YAIY,kBAAA,iBAAmC,aAAA,UACnC,uBAAA,CAAwB,CAAA,EAAG,CAAA,EAAG,CAAA;AAAA;;;;;;;cAqD7B,gBAAA,UAAgB,EAAA,CAAA,yBAAA;eAAA,cAAA;;4FAxBlB,yBAAA,EAAA,UAAA,GAAA,cAAA,oBAEG,OAAA,GAEN,OAAA,CAAA,EAAA,CAAA,OAAA,CAAA,cAAA,CAAA,WAAA,OAAA,OAAA,CAAA,SAAA,GAAA,OAAA,CAAA,OAAA,CAAA,SAAA;AAAA;aAAA,OAAA,CAAA,SAAA;AAAA;;;;cAwBK,kBAAA;eAAwC,cAAA;2FAvCG,yBAAA,EAAA,UAAA,GAAA,cAAA,oBAC5B,OAAA,GACI,OAAA,CAAA,EAAA,CAAA,OAAA,CAAA,cAAA,CAAA,WAAA,OAAA,OAAA,CAAA,SAAA,GAAA,OAAA,CAAA,OAAA,CAAA,SAAA;AAAA;;;;KAyCpB,uBAAA,GAA0B,yBAAA;AARtC;;;AAAA,cAYa,cAAA,GAAc,OAAA,WAAkB,0BAAA,CAAlB,cAAA;EAAA,UAAA;EAAA,OAAA;EAAA,UAAA;EAAA,WAAA;EAAA,mBAAA;EAAA;AAAA,IAAA,qBAAA,KAAA,OAAA,CAAA,GAAA,CAAA,OAAA;;;;cAId,mBAAA;EAAmB,UAAA;EAAA,OAAA;EAAA,UAAA;EAAA,WAAA;EAAA,mBAAA;EAAA;AAAA,IAAA,qBAAA,MAak1C,OAAA,WAbl1C,0BAAA,CAak1C,cAAA,0CAAgC,QAAA,CAAA,OAAA,CAAA,SAAA,IAAA,OAAA,CAAA,GAAA,CAAA,OAAA,GAAA,OAAA,CAAA,OAAA,CAAA,SAAA;;;;cATr4C,gBAAA,EAAgB,OAAA,CAAA,EAAA,CAAA,uBAAA;;;;KAIjB,mBAAA,GAAsB,qBAAA;;;;KAItB,qBAAA,GAAwB,uBAAA"}

package/dist/types/markdown/MarkdownRenderer.d.ts

@@ -134,7 +134,7 @@ declare const useMarkdownRenderer: ({
   forceInline,
   preserveFrontmatter,
   tagfilter
-}?: RenderMarkdownProps) => (content: string | ParsedMarkdown) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<ReactNode> | JSX.Element;
+}?: RenderMarkdownProps) => (content: string | ParsedMarkdown) => string | number | bigint | boolean | Iterable<ReactNode> | JSX.Element | Promise<ReactNode>;
 /**
  * Props for the MarkdownRenderer component.
  *

package/dist/types/markdown/MarkdownRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownRenderer.d.ts","names":[],"sources":["../../../src/markdown/MarkdownRenderer.tsx"],"mappings":";;;;;;;;AAiCA;;;;;;;;;;;;;;;;;KAAY,mBAAA,GAAsB,uBAAA;EAwBO;AA4BzC;;;;;;;;;;;;EAtCE,UAAA,GAAa,cAAA;EA6Dd;;;;;;;;;EAnDC,OAAA,GAAU,EAAA,CAAG,cAAA,CAAe,WAAA;AAAA;;;;;;;;;;AAkG9B;;;;;;;;;;;;;;;;cAtEa,cAAA,GACX,OAAA,WAAkB,cAAA;EAClB,UAAA;EAAA,OAAA;EAAA,UAAA;EAAA,WAAA;EAAA,mBAAA;EAAA;AAAA,IAOG,mBAAA,KACF,GAAA,CAAI,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;AA+GP;;;;;;;;;;;;;;;;;;;;;cAnDa,mBAAA;EAAuB,UAAA;EAAA,OAAA;EAAA,UAAA;EAAA,WAAA;EAAA,mBAAA;EAAA;AAAA,IAOjC,mBAAA,MAGO,OAAA,WAAkB,cAAA,0CAAc,QAAA,CAAA,SAAA,IAAA,OAAA,CAAA,SAAA,IAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;AAmJ1C;;;;KA1GY,qBAAA,GAAwB,mBAAA;;;;;;;;;;;EAWlC,QAAA,WAAmB,cAAA;;;;;;;;;;;;;;;;;;;;;EAqBnB,cAAA,IACE,QAAA,WAAmB,cAAA,EACnB,OAAA;IACE,UAAA,GAAa,cAAA;IACb,OAAA,GAAU,EAAA;IACV,UAAA;IACA,WAAA;IACA,mBAAA;IACA,SAAA;EAAA,MAEC,SAAA,GAAY,OAAA,CAAQ,SAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAgEd,gBAAA,EAAkB,EAAA,CAAG,qBAAA"}
+{"version":3,"file":"MarkdownRenderer.d.ts","names":[],"sources":["../../../src/markdown/MarkdownRenderer.tsx"],"mappings":";;;;;;;;AAiCA;;;;;;;;;;;;;;;;;KAAY,mBAAA,GAAsB,uBAAA;EAwBO;AA4BzC;;;;;;;;;;;;EAtCE,UAAA,GAAa,cAAA;EA6Dd;;;;;;;;;EAnDC,OAAA,GAAU,EAAA,CAAG,cAAA,CAAe,WAAA;AAAA;;;;;;;;;;AAkG9B;;;;;;;;;;;;;;;;cAtEa,cAAA,GACX,OAAA,WAAkB,cAAA;EAClB,UAAA;EAAA,OAAA;EAAA,UAAA;EAAA,WAAA;EAAA,mBAAA;EAAA;AAAA,IAOG,mBAAA,KACF,GAAA,CAAI,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;AA+GP;;;;;;;;;;;;;;;;;;;;;cAnDa,mBAAA;EAAuB,UAAA;EAAA,OAAA;EAAA,UAAA;EAAA,WAAA;EAAA,mBAAA;EAAA;AAAA,IAOjC,mBAAA,MAGO,OAAA,WAAkB,cAAA,0CAAc,QAAA,CAAA,SAAA,IAAA,GAAA,CAAA,OAAA,GAAA,OAAA,CAAA,SAAA;;;;;;;;;;;;AAmJ1C;;;;KA1GY,qBAAA,GAAwB,mBAAA;;;;;;;;;;;EAWlC,QAAA,WAAmB,cAAA;;;;;;;;;;;;;;;;;;;;;EAqBnB,cAAA,IACE,QAAA,WAAmB,cAAA,EACnB,OAAA;IACE,UAAA,GAAa,cAAA;IACb,OAAA,GAAU,EAAA;IACV,UAAA;IACA,WAAA;IACA,mBAAA;IACA,SAAA;EAAA,MAEC,SAAA,GAAY,OAAA,CAAQ,SAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAgEd,gBAAA,EAAkB,EAAA,CAAG,qBAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-intlayer",
-  "version": "9.0.0-canary.2",
+  "version": "9.0.0-canary.4",
   "private": false,
   "description": "Easily internationalize i18n your React applications with type-safe multilingual content management.",
   "keywords": [
@@ -124,18 +124,18 @@
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/api": "9.0.0-canary.2",
-    "@intlayer/config": "9.0.0-canary.2",
-    "@intlayer/core": "9.0.0-canary.2",
-    "@intlayer/dictionaries-entry": "9.0.0-canary.2",
-    "@intlayer/editor": "9.0.0-canary.2",
-    "@intlayer/editor-react": "9.0.0-canary.2",
-    "@intlayer/types": "9.0.0-canary.2"
+    "@intlayer/api": "9.0.0-canary.4",
+    "@intlayer/config": "9.0.0-canary.4",
+    "@intlayer/core": "9.0.0-canary.4",
+    "@intlayer/dictionaries-entry": "9.0.0-canary.4",
+    "@intlayer/editor": "9.0.0-canary.4",
+    "@intlayer/editor-react": "9.0.0-canary.4",
+    "@intlayer/types": "9.0.0-canary.4"
   },
   "devDependencies": {
     "@craco/types": "7.1.0",
     "@testing-library/react": "16.3.2",
-    "@types/node": "25.9.3",
+    "@types/node": "25.9.4",
     "@types/react": ">=16.0.0",
     "@types/react-dom": ">=16.0.0",
     "@utils/ts-config": "1.0.4",