fix: csp config

Author: maxgfr

next-seo.config.js

@@ -1,6 +1,6 @@
 import ContentSecurityPolicy from "./csp.config";
 
-export default {
+const DEFAULT_SEO_CONFIG = {
   additionalLinkTags: [
     {
       rel: "icon",
@@ -14,3 +14,5 @@ export default {
     },
   ],
 };
+
+export default DEFAULT_SEO_CONFIG;

src/components/landing/tile.stories.tsx

@@ -1,6 +1,5 @@
 import React from "react";
 import { ComponentStory, ComponentMeta } from "@storybook/react";
-import { Testimonial } from "./testimonial";
 import { Tile } from "./tile";
 
 export default {

src/pages/_app.tsx

@@ -1,6 +1,6 @@
 import "@gouvfr/dsfr/dist/dsfr/dsfr.min.css";
-import "../../next-seo.config";
 import type { AppProps } from "next/app";
+import SEO from "../../next-seo.config";
 import { Layout } from "@components";
 import {
   footerBodySection,
@@ -11,6 +11,7 @@ import {
 } from "@config";
 import { useEffect } from "react";
 import { init } from "@socialgouv/matomo-next";
+import { DefaultSeo } from "next-seo";
 
 function MyApp({ Component, pageProps }: AppProps) {
   useEffect(() => {
@@ -30,6 +31,7 @@ function MyApp({ Component, pageProps }: AppProps) {
         topSection: footerTopSection,
       }}
     >
+      <DefaultSeo {...(SEO as any)} />
       <Component {...pageProps} />
     </Layout>
   );

src/pages/cgu.tsx

@@ -1,12 +1,12 @@
 import { MentionPart } from "@components";
 import type { NextPage } from "next";
-import { DefaultSeo } from "next-seo";
+import { NextSeo } from "next-seo";
 import React from "react";
 
 const Cgu: NextPage = () => {
   return (
     <>
-      <DefaultSeo
+      <NextSeo
         title="Template | Conditions générales d'utilisation"
         description="Conditions générales d'utilisation de l'application template."
         additionalLinkTags={[
@@ -22,7 +22,7 @@ const Cgu: NextPage = () => {
           },
           {
             name: "application-name",
-            content: "DefaultSeo",
+            content: "NextSeo",
           },
           {
             httpEquiv: "x-ua-compatible",

src/pages/healthz.tsx

@@ -1,11 +1,11 @@
 import type { NextPage } from "next";
-import { DefaultSeo } from "next-seo";
+import { NextSeo } from "next-seo";
 import React from "react";
 
 const HealthZ: NextPage = () => {
   return (
     <>
-      <DefaultSeo
+      <NextSeo
         title="Template | HealthZ"
         description="Page healthZ de l'application Template."
         additionalLinkTags={[

src/pages/index.tsx

@@ -1,12 +1,12 @@
 import { Head, Testimonial, Tile } from "@components";
 import { Row } from "@dataesr/react-dsfr";
 import type { NextPage } from "next";
-import { DefaultSeo } from "next-seo";
+import { NextSeo } from "next-seo";
 
 const Index: NextPage = () => {
   return (
     <>
-      <DefaultSeo
+      <NextSeo
         title="Template"
         description="Template de la fabrique des ministères sociaux."
         additionalLinkTags={[

src/pages/mention-legales.tsx

@@ -1,13 +1,13 @@
 import { MentionPart } from "@components";
 import { Title } from "@dataesr/react-dsfr";
 import type { NextPage } from "next";
-import { DefaultSeo } from "next-seo";
+import { NextSeo } from "next-seo";
 import React from "react";
 
 const LegalMention: NextPage = () => {
   return (
     <>
-      <DefaultSeo
+      <NextSeo
         title="Template | Mention légales"
         description="Mentions légales de l'application template."
         additionalLinkTags={[

src/pages/politique-confidentialite.tsx

@@ -1,6 +1,6 @@
 import { Table } from "@dataesr/react-dsfr";
 import type { NextPage } from "next";
-import { DefaultSeo } from "next-seo";
+import { NextSeo } from "next-seo";
 import React from "react";
 
 const URL = [
@@ -13,7 +13,7 @@ const URL = [
 const Confidentiality: NextPage = () => {
   return (
     <>
-      <DefaultSeo
+      <NextSeo
         title="Template | Politique de confidentialité"
         description="Politique de confidentialité de l'application template."
         additionalLinkTags={[

src/pages/stats.tsx

@@ -1,7 +1,7 @@
 import { StatsTile } from "@components";
 import { fetchMatomoData, MatomoResult } from "@lib";
 import type { NextPage } from "next";
-import { DefaultSeo } from "next-seo";
+import { NextSeo } from "next-seo";
 import React, { useEffect } from "react";
 
 const Stats: NextPage = () => {
@@ -19,7 +19,7 @@ const Stats: NextPage = () => {
   }, []);
   return (
     <>
-      <DefaultSeo
+      <NextSeo
         title="Template | Statistiques d'utilisation"
         description="Statistiques d'utilisation de l'application template."
         additionalLinkTags={[