fix: Here we go!

Author: tannerlinsley

docs/.gitignore

@@ -16,7 +16,7 @@ const {
   scrollToOffset,
 } = useVirtual({
   size,
-  parentRef,
+  getScrollElement: () => parentRef.current
   estimateSize,
   overscan,
   horizontal,

docs/README.md

@@ -0,0 +1,54 @@
+{
+  "docSearch": {
+    "appId": "",
+    "indexName": "",
+    "apiKey": ""
+  },
+  "menu": [
+    {
+      "label": "Adapters",
+      "children": [
+        { "label": "React Virtual", "to": "adapters/react-virtual" },
+        { "label": "Solid Virtual", "to": "adapters/solid-virtual" },
+        { "label": "Svelte Virtual", "to": "adapters/svelte-virtual" },
+        { "label": "Vue Virtual", "to": "adapters/vue-virtual" }
+      ]
+    },
+    {
+      "label": "Guide",
+      "children": [
+        { "label": "Introduction", "to": "guide/00-introduction" },
+        { "label": "Installation", "to": "guide/01-installation" },
+        { "label": "Virtualization", "to": "guide/02-virtualization" }
+      ]
+    },
+    {
+      "label": "Core APIs",
+      "children": [{ "label": "Virtualizer", "to": "api/core/table" }]
+    },
+    {
+      "label": "React Examples",
+      "children": [
+        { "to": "examples/react/fixed", "label": "Fixed" },
+        { "to": "examples/react/variable", "label": "Variable" },
+        { "to": "examples/react/dynamic", "label": "Dynamic" },
+        { "to": "examples/react/padding", "label": "Padding" },
+        { "to": "examples/react/sticky", "label": "Sticky" },
+        { "to": "examples/react/infinite-scroll", "label": "Infinite Scroll" },
+        { "to": "examples/react/smooth-scroll", "label": "Smooth Scroll" }
+      ]
+    },
+    {
+      "label": "Solid Examples",
+      "children": [{ "to": "", "label": "Coming Soon!" }]
+    },
+    {
+      "label": "Svelte Examples",
+      "children": [{ "to": "", "label": "Coming Soon!" }]
+    },
+    {
+      "label": "Vue Examples",
+      "children": [{ "to": "", "label": "Coming Soon!" }]
+    }
+  ]
+}

docs/src/pages/docs/api.md docs/api.mddocs/src/pages/docs/api.md renamed to docs/api.md

@@ -18,8 +18,8 @@ function RowVirtualizerFixed() {
   const parentRef = React.useRef()
 
   const rowVirtualizer = useVirtual({
-    size: 10000,
-    parentRef,
+    count: 10000,
+    getScrollElement: () => parentRef.current
     estimateSize: React.useCallback(() => 35, []),
   })
 
@@ -37,12 +37,12 @@ function RowVirtualizerFixed() {
         <div
           className="ListInner"
           style={{
-            height: `${rowVirtualizer.totalSize}px`,
+            height: `${rowVirtualizer.getTotalSize()}px`,
             width: '100%',
             position: 'relative',
           }}
         >
-          {rowVirtualizer.virtualItems.map(virtualRow => (
+          {rowVirtualizer.getVirtualItems().map((virtualRow) => (
             <div
               key={virtualRow.index}
               className={virtualRow.index % 2 ? 'ListItemOdd' : 'ListItemEven'}