Showcasing an error that occurs in react-pose when posing nested styled components in next.js

Background: Popmotion/popmotion#276

Run it

git clone https://github.com/jesstelford/react-pose-issue.git
cd react-pose-issue
npm install
npm run dev

Visit http://localhost:3000

See the error in the Console.

A working version

Edit the file pages/index.js and uncomment this line:

// Works
//import posed, { PoseGroup } from '@jesstelford/react-pose'

The error

ProxyComponent comes from within react-hot-loader