diff --git a/package.json b/package.json index 621f39c..a08e581 100644 --- a/package.json +++ b/package.json @@ -11,11 +11,11 @@ "extract": "i18next" }, "dependencies": { - "@fortawesome/fontawesome-svg-core": "^1.2.35", - "@fortawesome/free-brands-svg-icons": "^5.15.4", - "@fortawesome/free-regular-svg-icons": "^5.15.3", - "@fortawesome/free-solid-svg-icons": "^5.15.3", - "@fortawesome/react-fontawesome": "^0.1.14", + "@fortawesome/fontawesome-svg-core": "^6.2.1", + "@fortawesome/free-brands-svg-icons": "^6.2.1", + "@fortawesome/free-regular-svg-icons": "^6.2.1", + "@fortawesome/free-solid-svg-icons": "^6.2.1", + "@fortawesome/react-fontawesome": "^0.2.0", "@headlessui/react": "^1.7.7", "@tailwindcss/line-clamp": "^0.4.2", "awesome-debounce-promise": "^2.1.0", diff --git a/pages/_app.tsx b/pages/_app.tsx index 24d2798..0439b17 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -1,12 +1,13 @@ -import { config } from '@fortawesome/fontawesome-svg-core' import '@fortawesome/fontawesome-svg-core/styles.css' import '../styles/globals.css' import '../styles/markdown-github.css' +// Require had to be used to prevent SSR failure in Next.js +// Related discussion: https://github.com/FortAwesome/Font-Awesome/issues/19348 +const { library, config } = require('@fortawesome/fontawesome-svg-core') config.autoAddCss = false -import { library } from '@fortawesome/fontawesome-svg-core' import { faFileImage, faFilePdf, diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index ea97573..19e4beb 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -1,11 +1,11 @@ lockfileVersion: 5.4 specifiers: - '@fortawesome/fontawesome-svg-core': ^1.2.35 - '@fortawesome/free-brands-svg-icons': ^5.15.4 - '@fortawesome/free-regular-svg-icons': ^5.15.3 - '@fortawesome/free-solid-svg-icons': ^5.15.3 - '@fortawesome/react-fontawesome': ^0.1.14 + '@fortawesome/fontawesome-svg-core': ^6.2.1 + '@fortawesome/free-brands-svg-icons': ^6.2.1 + '@fortawesome/free-regular-svg-icons': ^6.2.1 + '@fortawesome/free-solid-svg-icons': ^6.2.1 + '@fortawesome/react-fontawesome': ^0.2.0 '@headlessui/react': ^1.7.7 '@tailwindcss/line-clamp': ^0.4.2 '@types/cors': ^2.8.13 @@ -64,11 +64,11 @@ specifiers: use-constant: ^1.1.1 dependencies: - '@fortawesome/fontawesome-svg-core': 1.2.36 - '@fortawesome/free-brands-svg-icons': 5.15.4 - '@fortawesome/free-regular-svg-icons': 5.15.4 - '@fortawesome/free-solid-svg-icons': 5.15.4 - '@fortawesome/react-fontawesome': 0.1.19_itb73sutiv5dicgxanxbjij2uu + '@fortawesome/fontawesome-svg-core': 6.2.1 + '@fortawesome/free-brands-svg-icons': 6.2.1 + '@fortawesome/free-regular-svg-icons': 6.2.1 + '@fortawesome/free-solid-svg-icons': 6.2.1 + '@fortawesome/react-fontawesome': 0.2.0_z27bm67dtmuyyvss23ckjdrcuy '@headlessui/react': 1.7.7_biqbaboplfbrettd7655fr4n2y '@tailwindcss/line-clamp': 0.4.2_tailwindcss@3.2.4 awesome-debounce-promise: 2.1.0 @@ -358,51 +358,51 @@ packages: - supports-color dev: true - /@fortawesome/fontawesome-common-types/0.2.36: - resolution: {integrity: sha512-a/7BiSgobHAgBWeN7N0w+lAhInrGxksn13uK7231n2m8EDPE3BMCl9NZLTGrj9ZXfCmC6LM0QLqXidIizVQ6yg==} + /@fortawesome/fontawesome-common-types/6.2.1: + resolution: {integrity: sha512-Sz07mnQrTekFWLz5BMjOzHl/+NooTdW8F8kDQxjWwbpOJcnoSg4vUDng8d/WR1wOxM0O+CY9Zw0nR054riNYtQ==} engines: {node: '>=6'} requiresBuild: true dev: false - /@fortawesome/fontawesome-svg-core/1.2.36: - resolution: {integrity: sha512-YUcsLQKYb6DmaJjIHdDWpBIGCcyE/W+p/LMGvjQem55Mm2XWVAP5kWTMKWLv9lwpCVjpLxPyOMOyUocP1GxrtA==} + /@fortawesome/fontawesome-svg-core/6.2.1: + resolution: {integrity: sha512-HELwwbCz6C1XEcjzyT1Jugmz2NNklMrSPjZOWMlc+ZsHIVk+XOvOXLGGQtFBwSyqfJDNgRq4xBCwWOaZ/d9DEA==} engines: {node: '>=6'} requiresBuild: true dependencies: - '@fortawesome/fontawesome-common-types': 0.2.36 + '@fortawesome/fontawesome-common-types': 6.2.1 dev: false - /@fortawesome/free-brands-svg-icons/5.15.4: - resolution: {integrity: sha512-f1witbwycL9cTENJegcmcZRYyawAFbm8+c6IirLmwbbpqz46wyjbQYLuxOc7weXFXfB7QR8/Vd2u5R3q6JYD9g==} + /@fortawesome/free-brands-svg-icons/6.2.1: + resolution: {integrity: sha512-L8l4MfdHPmZlJ72PvzdfwOwbwcCAL0vx48tJRnI6u1PJXh+j2f3yDoKyQgO3qjEsgD5Fr2tQV/cPP8F/k6aUig==} engines: {node: '>=6'} requiresBuild: true dependencies: - '@fortawesome/fontawesome-common-types': 0.2.36 + '@fortawesome/fontawesome-common-types': 6.2.1 dev: false - /@fortawesome/free-regular-svg-icons/5.15.4: - resolution: {integrity: sha512-9VNNnU3CXHy9XednJ3wzQp6SwNwT3XaM26oS4Rp391GsxVYA+0oDR2J194YCIWf7jNRCYKjUCOduxdceLrx+xw==} + /@fortawesome/free-regular-svg-icons/6.2.1: + resolution: {integrity: sha512-wiqcNDNom75x+pe88FclpKz7aOSqS2lOivZeicMV5KRwOAeypxEYWAK/0v+7r+LrEY30+qzh8r2XDaEHvoLsMA==} engines: {node: '>=6'} requiresBuild: true dependencies: - '@fortawesome/fontawesome-common-types': 0.2.36 + '@fortawesome/fontawesome-common-types': 6.2.1 dev: false - /@fortawesome/free-solid-svg-icons/5.15.4: - resolution: {integrity: sha512-JLmQfz6tdtwxoihXLg6lT78BorrFyCf59SAwBM6qV/0zXyVeDygJVb3fk+j5Qat+Yvcxp1buLTY5iDh1ZSAQ8w==} + /@fortawesome/free-solid-svg-icons/6.2.1: + resolution: {integrity: sha512-oKuqrP5jbfEPJWTij4sM+/RvgX+RMFwx3QZCZcK9PrBDgxC35zuc7AOFsyMjMd/PIFPeB2JxyqDr5zs/DZFPPw==} engines: {node: '>=6'} requiresBuild: true dependencies: - '@fortawesome/fontawesome-common-types': 0.2.36 + '@fortawesome/fontawesome-common-types': 6.2.1 dev: false - /@fortawesome/react-fontawesome/0.1.19_itb73sutiv5dicgxanxbjij2uu: - resolution: {integrity: sha512-Hyb+lB8T18cvLNX0S3llz7PcSOAJMLwiVKBuuzwM/nI5uoBw+gQjnf9il0fR1C3DKOI5Kc79pkJ4/xB0Uw9aFQ==} + /@fortawesome/react-fontawesome/0.2.0_z27bm67dtmuyyvss23ckjdrcuy: + resolution: {integrity: sha512-uHg75Rb/XORTtVt7OS9WoK8uM276Ufi7gCzshVWkUJbHhh3svsUUeqXerrM96Wm7fRiDzfKRwSoahhMIkGAYHw==} peerDependencies: '@fortawesome/fontawesome-svg-core': ~1 || ~6 - react: '>=16.x' + react: '>=16.3' dependencies: - '@fortawesome/fontawesome-svg-core': 1.2.36 + '@fortawesome/fontawesome-svg-core': 6.2.1 prop-types: 15.8.1 react: 18.2.0 dev: false