apvee/spfx-react-toolkit — reverse-engineered prompt

Build me a reusable React toolkit for SharePoint Framework that makes SPFx development feel simple and modern. I want developers to wrap their Web Part or extension with one provider, then use easy React hooks to get things like web part properties, current user info, context, theme, page data, Teams context, and other common SPFx values.

It should be written in TypeScript, feel safe to use, and avoid messy shared state when the same web part is placed on a page more than once. Please include support for Web Parts, Application Customizers, Field Customizers, and Command Sets. Add optional PnPjs style helpers if that fits cleanly.

I also want clear docs, a quick start example, and enough sample code that someone can install it and understand how to use the provider and hooks right away. Keep the library lightweight and practical for real SharePoint, Teams, and local workbench use. Look up current SPFx docs online if you need to.