[React]: update useFormStatus() example

Author: sensorario

react/useFormStatus/package-lock.json

@@ -11,7 +11,8 @@
   },
   "dependencies": {
     "react": "^19.0.0-rc-935180c7e0-20240524",
-    "react-dom": "^19.0.0-rc-935180c7e0-20240524"
+    "react-dom": "^19.0.0-rc-935180c7e0-20240524",
+    "sensorario-design-system": "github:sensorario/sensorario-design-system#next"
   },
   "devDependencies": {
     "@types/react": "^18.2.66",

react/useFormStatus/package.json

@@ -1,6 +1,4 @@
-import "./App.css";
-
-// @ts-ignore
+// @ts-expect-error the error will not appear after react 19 release
 import { useFormStatus } from "react-dom";
 
 const Componente = () => {
@@ -18,12 +16,12 @@ const action = async () => {
 
 function App() {
   return (
-    <>
+    <div className="sensorario-container light">
       <h2>useFormStatus()</h2>
       <form action={action}>
         <Componente />
       </form>
-    </>
+    </div>
   );
 }
 

react/useFormStatus/src/App.css

@@ -1,10 +1,5 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App.tsx'
-import './index.css'
+import ReactDOM from "react-dom/client";
+import App from "./App.tsx";
+import "sensorario-design-system/style/index.css";
 
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-)
+ReactDOM.createRoot(document.getElementById("root")!).render(<App />);