I created a Higher Order Component (HOC) or Container component from where I am fetching data and sending to child component. I am also using React-Router-DOM library for routing. I am using HOC component like this: <BrowserRouter> <Routes> <Route path={'/'}…
I'm encountering an issue with React refs that's a bit perplexing. I have a higher-order component (HOC) that dynamically generates child components based on a prop, and I'm trying to use refs to access those child components. However, it seems…
HOC code inside SectionWrapper.jsx: import React from 'react' import { motion } from 'framer-motion' import { styles } from '../styles' import { staggerContainer } from '../utils/motion' const SectionWrapper = ({Component, idName}) => function HOC(){ return ( <motion.section variants={staggerContainer()} initial='hidden' whileInView='show'…