refactor: remove extendedResult logic from examples

Author: TheUnderScorer

examples/next-appDir/app/HomePage.tsx

@@ -2,18 +2,12 @@
 
 import styles from '../styles/Home.module.css'
 import { useVisitorData } from '@fingerprint/react'
-import { useState } from 'react'
 
 const HomePage = () => {
-  const [extendedResult, updateExtendedResult] = useState(false)
-  const { isLoading, error, data, getData } = useVisitorData({ extendedResult }, { immediate: true })
+  const { isLoading, error, data, getData } = useVisitorData({ immediate: true })
 
   const reloadData = () => {
-    getData({ ignoreCache: true })
-  }
-
-  const onChangeExtendedResult = (e: React.ChangeEvent<HTMLInputElement>) => {
-    updateExtendedResult(e.target.checked)
+    getData({})
   }
 
   return (
@@ -33,13 +27,9 @@ const HomePage = () => {
           <button onClick={reloadData} type='button'>
             Reload data
           </button>
-          <label>
-            <input type='checkbox' onChange={onChangeExtendedResult} checked={extendedResult} />
-            Extended result
-          </label>
         </div>
         <h4>
-          VisitorId: <span className={styles.visitorId}>{isLoading ? 'Loading...' : data?.visitorId}</span>
+          VisitorId: <span className={styles.visitorId}>{isLoading ? 'Loading...' : data?.visitor_id}</span>
         </h4>
         <h4>Full visitor data:</h4>
         <pre className={styles.data}>{error ? error.message : JSON.stringify(data, null, 2)}</pre>

examples/preact/src/components/app.tsx

@@ -1,20 +1,13 @@
 import { FunctionalComponent } from 'preact'
 import { useVisitorData } from '@fingerprint/react'
-import { useState } from 'preact/hooks'
-import { JSX } from 'preact/compat'
 
 const App: FunctionalComponent = () => {
-  const [extendedResult, updateExtendedResult] = useState(false)
   const { isLoading, error, data, getData } = useVisitorData({ immediate: true })
 
   const reloadData = (): void => {
     getData()
   }
 
-  const onChangeExtendedResult = (e: JSX.TargetedEvent<HTMLInputElement, Event>): void => {
-    updateExtendedResult((e.target as HTMLInputElement).checked)
-  }
-
   return (
     <div id='preact_root' className='container'>
       <h1>FingerprintJS Pro Preact Demo</h1>
@@ -32,10 +25,6 @@ const App: FunctionalComponent = () => {
           <button onClick={reloadData} type='button'>
             Reload data
           </button>
-          <label>
-            <input type='checkbox' onInput={onChangeExtendedResult} checked={extendedResult} />
-            Extended result
-          </label>
         </div>
         <h4>
           VisitorId: <span className='visitorId'>{isLoading ? 'Loading...' : data?.visitor_id}</span>