diff --git a/package.json b/package.json index 6175510..e2770f8 100644 --- a/package.json +++ b/package.json @@ -14,7 +14,9 @@ "react": "^18.2.0", "react-ace": "^10.1.0", "react-dom": "^18.2.0", + "react-head": "^3.4.2", "react-helmet": "^6.1.0", + "react-helmet-async": "^1.3.0", "react-icons": "^4.7.1", "react-refresh": "^0.14.0", "react-responsive": "^9.0.2", diff --git a/src/App.jsx b/src/App.jsx index 21c99b6..4741c79 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -8,6 +8,7 @@ import PandasBasics from "./Python_Library_Pages/Pandas/Intro-to-Pandas"; import PlayGround from "./Python/PlayGround"; + const App = () => { return ( diff --git a/src/Python/PlayGround.jsx b/src/Python/PlayGround.jsx index 43c4527..ed1a343 100644 --- a/src/Python/PlayGround.jsx +++ b/src/Python/PlayGround.jsx @@ -1,9 +1,9 @@ import React,{ useState } from 'react'; -import Helmet from "react-helmet"; import Scripts from './Scripts'; import CodeEditor from './CodeEditor'; import "brace/mode/python"; import "brace/theme/monokai"; +import { Helmet, HelmetProvider } from 'react-helmet-async'; let logs = []; @@ -36,6 +36,7 @@ const PlayGround = () => { window.console.log = handleConsoleLog; return ( +