cleanup

Author: nikgraf

apps/next-example/src/components/providers.tsx

@@ -5,11 +5,7 @@ import { HypergraphAppProvider } from '@graphprotocol/hypergraph-react';
 // recommended by https://docs.privy.io/basics/troubleshooting/react-frameworks#next-js
 export default function Providers({ children }: { children: React.ReactNode }) {
   return (
-    <HypergraphAppProvider
-      syncServerUri="http://localhost:3030"
-      mapping={{}}
-      appId="83aa8907-085b-430f-1296-ab87dc98e793"
-    >
+    <HypergraphAppProvider syncServerUri="http://localhost:3030" appId="83aa8907-085b-430f-1296-ab87dc98e793">
       {children}
     </HypergraphAppProvider>
   );

docs/docs/providers.md

@@ -9,16 +9,14 @@ import { HypergraphAppProvider } from "@graphprotocol/hypergraph-react";
 
 const App = () => {
   return (
-    <HypergraphAppProvider mapping={{}}>
+    <HypergraphAppProvider>
       <YourApp />
     </HypergraphAppProvider>
   );
 };
 ```
 
-It has one mandatory prop: `mapping`. This is the mapping of your schema to the public Knowledge Graph schema. You can find more information about the mapping in the [Mapping](/docs/mapping) section later.
-
-Further it has an optional prop: `syncServerUri`. This is the URL of the sync server. By default it is set to `https://sync.geobrowser.io`.
+It has an optional prop: `syncServerUri`. This is the URL of the sync server. By default it is set to `https://sync.geobrowser.io`.
 
 ## useHypergraphApp
 

packages/hypergraph-react/test/HypergraphAppContext.test.tsx

@@ -25,7 +25,7 @@ const storageMock = {
 describe('HypergraphAppContext', () => {
   it('should render the HypergraphAppProvider and be initially unauthenticated', async () => {
     const wrapper = ({ children }: Readonly<{ children: React.ReactNode }>) => (
-      <HypergraphAppProvider storage={storageMock} syncServerUri="http://localhost:3030" mapping={{}} appId="test">
+      <HypergraphAppProvider storage={storageMock} syncServerUri="http://localhost:3030" appId="test">
         {children}
       </HypergraphAppProvider>
     );

packages/typesync-studio/src/main.tsx

@@ -4,8 +4,8 @@ import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 
 import { createTypesyncAppRouter, type TypesyncAppRouter } from './clients/Router.tsx';
-import './styles.css';
 import reportWebVitals from './reportWebVitals.ts';
+import './styles.css';
 
 const router = createTypesyncAppRouter();
 
@@ -22,7 +22,7 @@ if (rootElement && !rootElement.innerHTML) {
   const root = ReactDOM.createRoot(rootElement);
   root.render(
     <StrictMode>
-      <HypergraphAppProvider storage={localStorage} mapping={{}} appId="577fb988-3699-495a-9e59-ced8ccbf7a19">
+      <HypergraphAppProvider storage={localStorage} appId="577fb988-3699-495a-9e59-ced8ccbf7a19">
         <RouterProvider<TypesyncAppRouter> router={router} />
       </HypergraphAppProvider>
     </StrictMode>,