yyllff / split-pane-react

Resizable split panes for React.js.
https://yyllff.github.io/split-pane-react
MIT License
95 stars 24 forks source link

SplitPane, sashRender prop required? #26

Open Yoorana opened 4 months ago

Yoorana commented 4 months ago

Hey first time starting my own project, I started using SplitPane for a simple vertical pane from the storybook reference only sizes and onChange seems to be used as props This example here

As prop seems sashRender is also required, why is that? Could I get some help on this?

This is what I have written


      <SplitPane
        sizes={sizes}
        onChange={setSizes}
      >
        <Pane
          className="emptyInvoiceView"
          style={{ background: "grey", height: "100%" }}
          minSize="10%"
        >
          <CreateEmptyInvoiceView />
        </Pane>
      </SplitPane>

Error message is

Property 'sashRender' is missing in type '{ children: Element[]; sizes: (string | number)[]; onChange: Dispatch<SetStateAction<(string | number)[]>>; }' but required in type 'ISplitProps'.ts(2741)

jmather-aipm commented 3 months ago

You can add sashRender={() => null} below the onChange to satisfy the requirement:

     <SplitPane
        sizes={sizes}
        onChange={setSizes}
        sashRender={() => null}
      >
        <Pane
          className="emptyInvoiceView"
          style={{ background: "grey", height: "100%" }}
          minSize="10%"
        >
          <CreateEmptyInvoiceView />
        </Pane>
      </SplitPane>