Getting error
Uncaught TypeError: Cannot read properties of null (reading 'hasAttribute') at k.run (reveal.esm.js:12:22298) at Xe (reveal.esm.js:12:92017) at Object.bt (reveal.esm.js:12:98202) at T.onDocumentKeyDown (reveal.esm.js:12:55350)

When trying to use data-auto-animate inside a react app. This same approach used to work before converting to a react Section component. But now animation fails.

I have the following Section output, which comes from a Section component, in a react-embedded reveal.js:

`

Here's the React component code that generates it:
return ( tempDivAttributes && slideOutput && ( <section ref={slideRef} data-hash={section.hash} data-slide-number={section.slideNum} {...tempDivAttributes} {...(tempDivAttributes['data-auto-animate'] ? { 'data-auto-animate': "1" } : {})} > {typeof slideOutput === 'string' ? parse(slideOutput) : slideOutput} </section> ) );