diff --git a/documentation/docs/api/auto-sync-persistent-data-path.md b/documentation/docs/api/auto-sync-persistent-data-path.md
new file mode 100644
index 0000000..c898531
--- /dev/null
+++ b/documentation/docs/api/auto-sync-persistent-data-path.md
@@ -0,0 +1,34 @@
+# Auto Sync Persistent Data Path
+
+Enables or disables auto synchronization of the persistent data path.
+
+## Type Definition
+
+```tsx title="Type Definition"
+const autoSyncPersistentDataPath: boolean = false;
+```
+
+## Implementation
+
+If set to true, all file writes inside the Unity `Application.persistentDataPath` directory automatically persist so that the contents are remembered when the user revisits the website the next time. If unset (or set to false), you must manually sync file modifications inside the `Application.persistentDataPath` directory by calling the `JS_FileSystem_Sync()` JavaScript function.
+
+## Example Usage
+
+A basic implementation could look something like this. In the following example we'll enable auto synchronization of the persistent data path.
+
+```jsx {10} showLineNumbers title="App.jsx"
+import React from "react";
+import { Unity, useUnityContext } from "react-unity-webgl";
+
+function App() {
+  const { unityProvider } = useUnityContext({
+    loaderUrl: "build/myunityapp.loader.js",
+    dataUrl: "build/myunityapp.data",
+    frameworkUrl: "build/myunityapp.framework.js",
+    codeUrl: "build/myunityapp.wasm",
+    autoSyncPersistentDataPath: true,
+  });
+
+  return <Unity unityProvider={unityProvider} />;
+}
+```
diff --git a/documentation/sidebars.json b/documentation/sidebars.json
index 7f75953..0081253 100644
--- a/documentation/sidebars.json
+++ b/documentation/sidebars.json
@@ -196,6 +196,11 @@
           "type": "doc",
           "id": "api/canvas-id",
           "label": "Custom Canvas ID"
+        },
+        {
+          "type": "doc",
+          "id": "api/auto-sync-persistent-data-path",
+          "label": "Auto Sync Persistent Data Path"
         }
       ]
     }