fix estimatedItemSize bug

example/component/App.tsx

@@ -32,7 +32,7 @@ class App extends Component<Props, State> {
   constructor(props: Props) {
     super(props)
     this.state = {
-      items: props.items,
+      items: [],
       itemHeight: 200,
       width: 100,
       height: 0,
@@ -70,6 +70,10 @@ class App extends Component<Props, State> {
         key: 'isbn', value: isbn
       }})
     }
+
+    fetch('https://bookdata-fair.calil.dev/all.json').then((r) => r.json()).then((r) => {
+      this.setState({items: r})
+    })
   } 
 
   onChange(state: State) {
@@ -83,11 +87,8 @@ class App extends Component<Props, State> {
   }
 
   render() {
-
-    if (!this.state.items) return null
-
-
-    return (
+    console.log(this.state.items)
+        return (
       <div>
           {this.state.rowRatios ? (
             <React.Fragment>

example/index.tsx

@@ -2,10 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import App from '../example/component/App';
 
-fetch('https://bookdata-fair.calil.dev/all.json').then((r) => r.json()).then((r) => {
-    ReactDOM.render(
-        <React.StrictMode>
-            <App items={r} />
-        </React.StrictMode>,
-    document.getElementById('root'));
-})
+ReactDOM.render(
+    <React.StrictMode>
+        <App />
+    </React.StrictMode>,
+document.getElementById('root'));

src/Hiradumi.tsx

@@ -105,6 +105,10 @@ interface Props {
 
 const Hiradumi = (props: Props) => {
 
+    // itemsがない場合は、estimatedItemSizeが出せないので、なにも処理しない
+    // VariableSizeListのestimatedItemSizeは、最初の1回しか処理されないため
+    if (props.items===undefined || props.items===null || props.items.length===0) return null
+
     let Items = props.items.map( item => ({...item}))
     let Rows: any[] = []
     let HiradumiDiv: any = null