diff --git a/docs/examples/custom-icon.tsx b/docs/examples/custom-icon.tsx index 59daa7b8..ededd54b 100644 --- a/docs/examples/custom-icon.tsx +++ b/docs/examples/custom-icon.tsx @@ -22,10 +22,11 @@ const clearPath = ' 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h618c35.3 0 64-' + '28.7 64-64V306c0-35.3-28.7-64-64-64z'; -const menuItemSelectedIcon = (props) => { - const { ...p } = props; - return {p.isSelected ? '🌹' : '☑️'}; -}; +const menuItemSelectedIcon = (props) => ( + + {props.isSelected ? '🌹' : '☑️'} + +); const singleItemIcon = ( diff --git a/src/OptionList.tsx b/src/OptionList.tsx index dd4f034d..0eca8323 100644 --- a/src/OptionList.tsx +++ b/src/OptionList.tsx @@ -372,7 +372,7 @@ const OptionList: React.ForwardRefRenderFunction = (_, r {selected ? '✓' : null} diff --git a/tests/Select.test.tsx b/tests/Select.test.tsx index 1a0634b2..644c5e28 100644 --- a/tests/Select.test.tsx +++ b/tests/Select.test.tsx @@ -1498,7 +1498,10 @@ describe('Select.Basic', () => { />, ); - expect(menuItemSelectedIcon).toHaveBeenCalledWith({ isSelected: true }); + expect(menuItemSelectedIcon).toHaveBeenCalledWith({ + value: '1', + isSelected: true, + }); }); it('keyDown & KeyUp event', () => {