plugin fix

Author: dzinemon

package.json

@@ -10,7 +10,8 @@
     "url": "git+https://github.com/sdv-dev/SDV.git"
   },
   "resolutions": {
-    "sharp": "0.27.1"
+    "sharp": "0.27.1",
+    "gatsby-plugin-sharp/probe-image-size": "^7.0.0"
   },
   "engines": {
     "node": ">= 10.13.0"
@@ -54,7 +55,6 @@
     "gatsby-plugin-advanced-sitemap": "1.6.0",
     "gatsby-plugin-anchor-links": "^1.2.1",
     "gatsby-plugin-catch-links": "2.10.0",
-    "gatsby-plugin-feed": "2.13.1",
     "gatsby-plugin-force-trailing-slashes": "1.0.5",
     "gatsby-plugin-google-gtag": "^3.3.0",
     "gatsby-plugin-manifest": "2.12.1",
@@ -78,7 +78,6 @@
     "react": "17.0.1",
     "react-dom": "17.0.1",
     "react-helmet": "6.1.0",
-    "react-scroll-progress-bar": "^1.1.13",
     "sass": "^1.32.10",
     "styled-components": "^5.2.3",
     "tailwindcss": "^2.1.1"

src/components/home/try-it.js

@@ -1,5 +1,4 @@
 import React, { useEffect, useState } from "react";
-import { Link } from 'gatsby'
 import WhiteTopWave from "./wave-top-white"
 import WhiteBottomWave from "./wave-bottom-white"
 
@@ -72,8 +71,8 @@ export default function TryIt() {
             {` `}
              <FontAwesomeIcon width="16" icon={faCopy} />
           </button>
-          <textarea id="text-area" rows="1" className="opacity-0 absolute bottom-10 left-10 right-10 top-10 z-0">
-            {code}
+          <textarea value={code} readOnly={true} id="text-area" rows="1" className="opacity-0 absolute bottom-10 left-10 right-10 top-10 z-0">
+            
           </textarea>
           <div className="code-container relative z-1" style={{
             filter: 'drop-shadow(0px 15px 35px rgba(0, 0, 0, 0.1))'
@@ -92,11 +91,12 @@ export default function TryIt() {
 
       <div className="container mx-auto mt-10 mb-20">
         <div className="flex flex-wrap justify-center">
-          <Link 
+          <a 
             target="_blank"
             className="font-bold text-sdv-secondary hover:underline"
-            to={`https://docs.sdv.dev/sdv/installation`}
-          >Install SDV <FontAwesomeIcon width="16" icon={faArrowRight} /></Link>
+            rel="noreferrer"
+            href={`https://docs.sdv.dev/sdv/installation`}
+          >Install SDV <FontAwesomeIcon width="16" icon={faArrowRight} /></a>
         </div>
       </div>