Single steps are not rendered

[mercteil]

React 18, Nextjs 12.3

import Steps from 'rc-steps';

import 'rc-steps/assets/index.css';


const { Step } = Steps;

const Tracking = () => {
  const [current, setCurrent] = useState(0);

  const onChange = (value) => {
    console.log('onChange:', current);
    setCurrent(value);
  };

  return (
    <>
      <Steps current={current} onChange={onChange}>
        <Step title="Step 1" description="This is a description." />
        <Step title="Step 2" description="This is a description." />
        <Step title="Step 3" description="This is a description." />
      </Steps>

      <Steps current={current} onChange={onChange} direction="vertical">
        <Step title="Step 1" description="This is a description." />
        <Step title="Step 2" description="This is a description." />
        <Step title="Step 3" description="This is a description." />
      </Steps>
    </>
  );
}

The single steps are not rendered within the Steps wrapper.

[devlukedreamstage]

Same for me

[gegxen]

same for me

[limerence19]

same for me

[benyaminbeyzaie]

Please checkout the PR and tell me if this solves your problem

[stepcellwolf]

Hi unfortunately still the same. I'm having the same issue. <Steps current={1}> <Steps.Step title="first" /> <Steps.Step title="second" /> <Steps.Step title="third" /> </Steps>

[Ionshard]

https://github.com/react-component/steps/issues/333#issuecomment-1690534838