Я переписал все и все еще получаю следующую ошибку:
TypeError: Object is not a function. (In 'Object(react__WEBPACK_IMPORTED_MODULE_2_["forwardRef"])', 'Object' is an instance of Object)_
Сначала я создал анимированный div в отдельном jsx, а затем импортировал его в App.js, который выдал ошибку в первомместо. Затем включил анимированный div в файл App.js, надеясь, что он даст мне более ясную перспективу и поможет мне обнаружить ошибку.
К сожалению, я не смог устранить ошибку, указанную выше.
Окружающая среда: «реактивная пружина»: «^ 8.0.27» «реагировать»: «^ 16.2.0»
const App = () => {
const fade = useSpring(
{from: {opacity: 0},
opacity: 1
});
return(
<div style={{width: '100%', margin: 'auto'}}>
<Grid className="landing-grid">
<Cell col={12}>
<img
src={logo}
alt="LocksBridge"
className="avatar-img"
/>
<animated.div style={fade}>
<div style={{fontSize: '1.7em', color: '#f5f5f5'}} >aesthetic</div>
<div style={{fontSize: '1.7em', color: '#f5f5f5'}}> artist</div>
<div style={{fontSize: '1.7em', color: '#f5f5f5'}}> social</div>
</animated.div>
</Cell>
</Grid>
</div>
);
};
export default App;