Example tests

packages/example/src/App.tsx

@@ -1,13 +1,14 @@
-import { useState } from 'react'
-import reactLogo from './assets/react.svg'
-import viteLogo from '/vite.svg'
-import './App.css'
+import "./App.css"
+import reactLogo from "./assets/react.svg"
+import { Reffuse } from "./Reffuse"
+import viteLogo from "/vite.svg"
 
-function App() {
-  const [count, setCount] = useState(0)
 
-  return (
-    <>
+export function App() {
+
+  const [count, setCount] = Reffuse.useRefState(Reffuse.useRef(0))
+
+  return <>
       <div>
         <a href="https://vite.dev" target="_blank">
           <img src={viteLogo} className="logo" alt="Vite logo" />
@@ -28,8 +29,6 @@ function App() {
       <p className="read-the-docs">
         Click on the Vite and React logos to learn more
       </p>
-    </>
-  )
-}
+  </>
 
-export default App
+}

packages/example/src/Reffuse.ts

@@ -0,0 +1,5 @@
+import { Reffuse as TReffuse } from "@thilawyn/reffuse"
+import { Layer } from "effect"
+
+
+export const Reffuse = TReffuse.make(Layer.empty)

packages/example/src/main.tsx

@@ -1,10 +1,14 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.tsx'
+import { StrictMode } from "react"
+import { createRoot } from "react-dom/client"
+import { App } from "./App.tsx"
+import "./index.css"
+import { Reffuse } from "./Reffuse.ts"
 
-createRoot(document.getElementById('root')!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
+
+createRoot(document.getElementById("root")!).render(
+    <StrictMode>
+        <Reffuse.Provider>
+            <App />
+        </Reffuse.Provider>
+    </StrictMode>
 )