Deprecated default export and exported named export useMetaTags

README.md

@@ -40,7 +40,7 @@ or
 ## Example
 
 ```js
-import useMetaTags from 'react-metatags-hook';
+import { useMetaTags } from 'react-metatags-hook';
 
 const Component = ({ match }) => {
   const {

src/generate-static-html.spec.tsx

@@ -4,7 +4,7 @@
 
 import React from 'react';
 import ReactDOMServer from 'react-dom/server';
-import useMetaTags from './use-meta-tags';
+import { useMetaTags } from './use-meta-tags';
 
 import { generateStaticHtml, resetMetaTags } from './generate-static-html';
 

src/index.ts

@@ -1,3 +1,3 @@
-export { default } from './use-meta-tags';
+export { default, useMetaTags } from './use-meta-tags';
 export { generateStaticHtml, resetMetaTags } from './generate-static-html';
 export type { MetaTag, LinkTag, MetaTagsConfig } from './types';

src/state/index.ts

@@ -1,3 +1,3 @@
-export { default as parseMetaConfig } from './parse';
+export { parseMetaConfig } from './parse';
 export * from './store';
 export * from './helpers';

src/state/parse.spec.ts

@@ -1,4 +1,4 @@
-import parseMetaConfig from './parse';
+import { parseMetaConfig } from './parse';
 
 const metaTagsConfig = {
   title: 'A title',

src/state/parse.ts

@@ -45,7 +45,7 @@ const createInternalMeta = createInternalTag('meta');
 const createInternalLink = createInternalTag('link');
 
 // Transforms the hook's input config into the internal metas model
-const parseMetaConfig = ({
+export const parseMetaConfig = ({
   title,
   description,
   lang,
@@ -111,5 +111,3 @@ const parseMetaConfig = ({
     tags,
   };
 };
-
-export default parseMetaConfig;

src/use-meta-tags.spec.ts

@@ -1,6 +1,6 @@
 import { renderHook } from '@testing-library/react';
 import { wait } from './helpers/patience';
-import useMetaTags from './use-meta-tags';
+import { useMetaTags } from './use-meta-tags';
 
 const queryHeadSelectorAttribute = (selector: string, attribute: string) => {
   const element = document.head.querySelector(selector);

src/use-meta-tags.ts

@@ -19,7 +19,10 @@ metaTagsStore.subscribe((metas) => updateDom(metas, 50));
 //    definitions in the registered "instance" in the store
 //  - When a component is unmounted, the instance is deregistered from the store, and its
 //    meta tags are removed from the result of the final merge
-const useMetaTags = (config: MetaTagsConfig, dependsOn: unknown[]) => {
+export const useMetaTags = (
+  config: MetaTagsConfig,
+  dependencies: unknown[]
+) => {
   const hookInstanceId = useRef(Symbol());
   const hookInstanceTs = useRef(Date.now());
   // NOTE: When running on the server, effects doesn't run, so here
@@ -48,7 +51,16 @@ const useMetaTags = (config: MetaTagsConfig, dependsOn: unknown[]) => {
     metaTagsStore.setInstanceMetaTags(hookInstanceId.current, newMetaTagsModel);
     // NOTE: we want to regenerate the meta tags only when the explicit dependencies change
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [dependsOn]);
+  }, [dependencies]);
 };
 
-export default useMetaTags;
+/**
+ * @deprecated Do not use the default export from 'react-metatags-hook', it will be removed in a future release.
+ *
+ * Please use the named export `useMetaTags`.
+ *
+ * e.g. `import { useMetaTags } from 'react-metatags-hook'`
+ */
+export default (config: MetaTagsConfig, dependencies: unknown[]) => {
+  useMetaTags(config, dependencies);
+};