How to set the <Allotment.Pane > to a fix size when resize the window? and I want to resize the <Allotment.Pane> when I don't resize <Allotment>.

[liaodalin19903]

I have code like below:

 <Allotment >
          <Allotment.Pane minSize={168} preferredSize={240} visible={true}>
            <div className={styles.secondSidebar}>
              mmkk - {activity}
            </div>
          </Allotment.Pane>
          <Allotment.Pane>
            <div className={styles.content}>
              <MainContent /> 
            </div>
          </Allotment.Pane>
          <Allotment.Pane preferredSize={240} >
            <div className={styles.rightBar}>
              rightbar 
            </div>
          </Allotment.Pane>
        </Allotment> 

How to set the <Allotment.Pane > to a fix size when resize the window?
and I want to resize the <Allotment.Pane> when I don't resize .

Whether there has properties to implement that?

[snowffer]

Set minSize and maxSize to be the same, that would make the pane to be fixed