fix: example project

Author: ahmnouira

example/package.json

@@ -14,13 +14,13 @@
     "@types/react-dom": "^16.9.10",
     "@types/react-router": "^5.1.11",
     "@types/react-router-dom": "^5.1.7",
+    "ionic-react-header-parallax": "^0.3.0",
     "ionicons": "^5.4.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0",
     "react-scripts": "^5.0.0",
-    "ionic-react-header-parallax": "0.2.0",
     "typescript": "^4.1.3",
     "web-vitals": "^0.2.4",
     "workbox-background-sync": "^5.1.4",

example/src/components/Lorem.tsx

@@ -1,6 +1,6 @@
 import './Lorem.css'
 
-export const Lorem: React.FC<{}> = ({}) => {
+export const Lorem: React.FC = () => {
   return (
     <div>
       <p className="lorem">

example/src/pages/Home.tsx

@@ -6,7 +6,7 @@ import './Home.css'
 import { useIonHeaderParallax } from 'ionic-react-header-parallax'
 
 const Home: React.FC = () => {
-  const { ref, loading } = useIonHeaderParallax({
+  const { ref } = useIonHeaderParallax({
     image: 'https://picsum.photos/1080',
     titleColor: 'black',
     showBarButtons: true,

example/yarn.lock

@@ -4823,6 +4823,11 @@ internal-slot@^1.0.3:
     has "^1.0.3"
     side-channel "^1.0.4"
 
+ionic-react-header-parallax@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/ionic-react-header-parallax/-/ionic-react-header-parallax-0.3.0.tgz#4cfa9712525c10d7225b34e2ce5bb9ab7a5bf828"
+  integrity sha512-+jiuSI6Q/P4p42jFAeygM/4uKcKuj/sooxj+m57cxsf+4DlApw4IOG0Cy5NiwrZY469nsnsgiWbhStBiaLn2Bw==
+
 ionicons@^5.4.0:
   version "5.5.4"
   resolved "https://registry.yarnpkg.com/ionicons/-/ionicons-5.5.4.tgz#5fef0c44038a630f5bb5f9a7dc83ec158bab95b1"