TL;DR: If you're trying to make Preact works with the latest React Dev Tools, just give up. Use their own Dev Tools instead.
React Dev Tools is a browser extension that help us debug React application.
There are few people not using React directly in their project, but wrapped everything around a tiny React-like renderer called Preact (see [React inside a Backbone View]). Or they simply prefer Preact because of its lightweightness.
These people won't be able to use React Dev Tools to debug their (P)react components.
Unfortunatelly, years later, React team then rebuilt the Dev Tools and changed many things, including the debugging protocol, and make it harder for the Preact team to continue making their framework compatible with the tool, so they focused on their own Dev Tools instead. (See State of Preact Devtools - @marvinhagemeist).
So, if you're looking for a way to use Preact with React Dev Tools, just don't, use their own Dev Tools instead.
Welcome! Look like you've found my personal notebook. This is the place where you can take a peek into my mind to see what I've been…
If you think this note resonated, be it positive or negative, please feel free to send me an email and we can talk.