diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-02-21 19:34:01 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-02-21 19:34:01 +0100 |
| commit | 17842893306410f878eed66af5e807870e61cc49 (patch) | |
| tree | 57608ffb9374bb3bdbbe6b3c9903e6eaefa3c180 /src/components/Comment/Comment.tsx | |
| parent | f18fe8caa611e9273c5504fa81522e1ac93b95d2 (diff) | |
refactor: replace script tags with next/script (#10)
* refactor: replace script tags with next/script
Since next.js v12.1.0 some warnings was displayed because I was using
some script tags.
* build(deps): bump next-themes to v0.1.1
Diffstat (limited to 'src/components/Comment/Comment.tsx')
| -rw-r--r-- | src/components/Comment/Comment.tsx | 13 |
1 files changed, 6 insertions, 7 deletions
diff --git a/src/components/Comment/Comment.tsx b/src/components/Comment/Comment.tsx index a263771..7215afe 100644 --- a/src/components/Comment/Comment.tsx +++ b/src/components/Comment/Comment.tsx @@ -3,10 +3,10 @@ import CommentForm from '@components/CommentForm/CommentForm'; import { Comment as CommentData } from '@ts/types/comments'; import { settings } from '@utils/config'; import { getFormattedDate } from '@utils/helpers/format'; -import Head from 'next/head'; import Image from 'next/image'; import Link from 'next/link'; import { useRouter } from 'next/router'; +import Script from 'next/script'; import { useEffect, useRef, useState } from 'react'; import { useIntl } from 'react-intl'; import { Comment as CommentSchema, WithContext } from 'schema-dts'; @@ -175,12 +175,11 @@ const Comment = ({ return ( <> - <Head> - <script - type="application/ld+json" - dangerouslySetInnerHTML={{ __html: JSON.stringify(schemaJsonLd) }} - ></script> - </Head> + <Script + id="schema-comments" + type="application/ld+json" + dangerouslySetInnerHTML={{ __html: JSON.stringify(schemaJsonLd) }} + /> <li className={styles.item}> {comment.approved ? getApprovedComment() : getCommentStatus()} </li> |