Error: Snapshot `rtl > should not work in vertical 1` mismatched - Expected + Received @@ -1,11 +1,11 @@ <DocumentFragment> <div style="display: block; overflow-y: auto; contain: strict; width: 100%; height: 100%;" > <div - style="overflow-anchor: none; flex: 0 0 auto; position: relative; visibility: hidden; width: 100%; height: 5000px; pointer-events: auto;" + style="overflow-anchor: none; flex: 0 0 auto; position: relative; visibility: hidden; width: 100%; height: 5000px; pointer-events: auto; overflow-y: hidden;" > <div style="margin: 0px; padding: 0px; position: absolute; width: 100%; left: 0px; top: 0px; visibility: visible;" > <div> ❯ react/VList.rtl.spec.tsx:33:26

Error: Snapshot `rtl > should work in horizontal 1` mismatched - Expected + Received @@ -1,11 +1,11 @@ <DocumentFragment> <div style="display: inline-block; overflow-x: auto; contain: strict; width: 100%; height: 100%;" > <div - style="overflow-anchor: none; flex: 0 0 auto; position: relative; visibility: hidden; width: 10000px; height: 100%; pointer-events: auto;" + style="overflow-anchor: none; flex: 0 0 auto; position: relative; visibility: hidden; width: 10000px; height: 100%; pointer-events: auto; overflow-y: hidden;" > <div style="margin: 0px; padding: 0px; position: absolute; height: 100%; top: 0px; right: 0px; visibility: visible; display: flex;" > <div> ❯ react/VList.rtl.spec.tsx:44:26

Error: Snapshot `should pass attributes to element 1` mismatched - Expected + Received @@ -6,11 +6,11 @@ role="list" style="display: block; overflow-y: auto; contain: strict; width: 100%; height: 100%; background: red;" tabindex="0" > <div - style="overflow-anchor: none; flex: 0 0 auto; position: relative; visibility: hidden; width: 100%; height: 50px; pointer-events: auto;" + style="overflow-anchor: none; flex: 0 0 auto; position: relative; visibility: hidden; width: 100%; height: 50px; pointer-events: auto; overflow-y: hidden;" > <div style="margin: 0px; padding: 0px; position: absolute; width: 100%; left: 0px; top: 0px; visibility: visible;" > <div> ❯ react/VList.spec.tsx:33:24

Error: Snapshot `should pass index to items 1` mismatched - Expected + Received @@ -1,11 +1,11 @@ <DocumentFragment> <div style="display: block; overflow-y: auto; contain: strict; width: 100%; height: 100%;" > <div - style="overflow-anchor: none; flex: 0 0 auto; position: relative; visibility: hidden; width: 100%; height: 250px; pointer-events: auto;" + style="overflow-anchor: none; flex: 0 0 auto; position: relative; visibility: hidden; width: 100%; height: 250px; pointer-events: auto; overflow-y: hidden;" > <div data-index="0" style="margin: 0px; padding: 0px; position: absolute; width: 100%; left: 0px; top: 0px; visibility: visible;" > ❯ react/VList.spec.tsx:55:24

Error: Snapshot `should render with render prop 1` mismatched - Expected + Received @@ -1,11 +1,11 @@ <DocumentFragment> <div style="display: block; overflow-y: auto; contain: strict; width: 100%; height: 100%;" > <div - style="overflow-anchor: none; flex: 0 0 auto; position: relative; visibility: hidden; width: 100%; height: 50000px; pointer-events: auto;" + style="overflow-anchor: none; flex: 0 0 auto; position: relative; visibility: hidden; width: 100%; height: 50000px; pointer-events: auto; overflow-y: hidden;" > <div style="margin: 0px; padding: 0px; position: absolute; width: 100%; left: 0px; top: 0px; visibility: visible;" > <div> ❯ react/VList.spec.tsx:71:24

Error: Snapshot `vertical > should render 0 children 1` mismatched - Expected + Received <DocumentFragment> <div style="display: block; overflow-y: auto; contain: strict; width: 100%; height: 100%;" > <div - style="overflow-anchor: none; flex: 0 0 auto; position: relative; visibility: hidden; width: 100%; height: 0px; pointer-events: auto;" + style="overflow-anchor: none; flex: 0 0 auto; position: relative; visibility: hidden; width: 100%; height: 0px; pointer-events: auto; overflow-y: hidden;" /> </div> </DocumentFragment> ❯ react/VList.spec.tsx:77:26

Error: Snapshot `vertical > should render 1 children 1` mismatched - Expected + Received @@ -1,11 +1,11 @@ <DocumentFragment> <div style="display: block; overflow-y: auto; contain: strict; width: 100%; height: 100%;" > <div - style="overflow-anchor: none; flex: 0 0 auto; position: relative; visibility: hidden; width: 100%; height: 50px; pointer-events: auto;" + style="overflow-anchor: none; flex: 0 0 auto; position: relative; visibility: hidden; width: 100%; height: 50px; pointer-events: auto; overflow-y: hidden;" > <div style="margin: 0px; padding: 0px; position: absolute; width: 100%; left: 0px; top: 0px; visibility: visible;" > <div> ❯ react/VList.spec.tsx:86:26

Error: Snapshot `vertical > should render 5 children 1` mismatched - Expected + Received @@ -1,11 +1,11 @@ <DocumentFragment> <div style="display: block; overflow-y: auto; contain: strict; width: 100%; height: 100%;" > <div - style="overflow-anchor: none; flex: 0 0 auto; position: relative; visibility: hidden; width: 100%; height: 250px; pointer-events: auto;" + style="overflow-anchor: none; flex: 0 0 auto; position: relative; visibility: hidden; width: 100%; height: 250px; pointer-events: auto; overflow-y: hidden;" > <div style="margin: 0px; padding: 0px; position: absolute; width: 100%; left: 0px; top: 0px; visibility: visible;" > <div> ❯ react/VList.spec.tsx:99:26

Error: Snapshot `vertical > should render 100 children 1` mismatched - Expected + Received @@ -1,11 +1,11 @@ <DocumentFragment> <div style="display: block; overflow-y: auto; contain: strict; width: 100%; height: 100%;" > <div - style="overflow-anchor: none; flex: 0 0 auto; position: relative; visibility: hidden; width: 100%; height: 5000px; pointer-events: auto;" + style="overflow-anchor: none; flex: 0 0 auto; position: relative; visibility: hidden; width: 100%; height: 5000px; pointer-events: auto; overflow-y: hidden;" > <div style="margin: 0px; padding: 0px; position: absolute; width: 100%; left: 0px; top: 0px; visibility: visible;" > <div> ❯ react/VList.spec.tsx:110:26

Error: Snapshot `vertical > should render 1000 children 1` mismatched - Expected + Received @@ -1,11 +1,11 @@ <DocumentFragment> <div style="display: block; overflow-y: auto; contain: strict; width: 100%; height: 100%;" > <div - style="overflow-anchor: none; flex: 0 0 auto; position: relative; visibility: hidden; width: 100%; height: 50000px; pointer-events: auto;" + style="overflow-anchor: none; flex: 0 0 auto; position: relative; visibility: hidden; width: 100%; height: 50000px; pointer-events: auto; overflow-y: hidden;" > <div style="margin: 0px; padding: 0px; position: absolute; width: 100%; left: 0px; top: 0px; visibility: visible;" > <div> ❯ react/VList.spec.tsx:121:26

React Hook useImperativeHandle has missing dependencies: 'hStore', 'scroller._scrollBy', 'scroller._scrollTo', 'scroller._scrollToIndex', and 'vStore'. Either include them or remove the dependency array

React Hook useEffect has a missing dependency: 'onRangeChangeProp'. Either include it or remove the dependency array. If 'onRangeChangeProp' changes too often, find the parent component that defines it and wrap that definition in useCallback

React Hook useImperativeHandle has missing dependencies: 'scroller._scrollBy', 'scroller._scrollTo', 'scroller._scrollToIndex', and 'store'. Either include them or remove the dependency array

React Hook useEffect has a missing dependency: 'onRangeChangeProp'. Either include it or remove the dependency array. If 'onRangeChangeProp' changes too often, find the parent component that defines it and wrap that definition in useCallback

React Hook useImperativeHandle has a missing dependency: 'store'. Either include it or remove the dependency array

The reactive variable 'props' should not be reassigned or altered directly

The reactive variable 'props' should not be reassigned or altered directly

For proper analysis, a variable should be used to capture the result of this function call

For proper analysis, array destructuring should be used to capture the first result of this function call