Custom revmotion example composition is not rendering

[rehanzfr]

Hi,

First of all hatsoff for such a promising effort. I want to add the <div>{step.children}</div> in index.jsx of revmotion template as given on code-hike. Here is my code

        <Sequence
          layout="none"
          key={index}
          from={STEP_FRAMES * (index+1)}
          durationInFrames={STEP_FRAMES}
          name={step.title}
        >
     <div
        style={{
          display: "flex",
          justifyContent: "center",
          marginBottom: "1em",
        }}
      >
        <Img
          style={{
            maxWidth: "40%",
            height: "auto",
          }}
          src={staticFile("Logo.png")}
        />
      </div>      
     
          {step.title}
          <div>{step.children}</div>
         
        
      <Code  oldCode={steps[index - 1]?.code} newCode={step.code} />

         
          
        </Sequence>
      ))}

whenever I add <div>{step.children}</div> in the code then it is not rendering the video. The error is "Error: Minified React error #31". Without it everything is perfectly rendering. Moreover, if I add <div>{step.children}</div> in the code then remotion studio can be seen without any problem on chrome.