John/examples

[johnwdunn20]

• Added examples and created scripts to test some of them. Everything is working fin except for .js files. See DevelopmentSteps.md in package-react for details on linking process.
• I still get weird errors in the chrome extension console that are inconsistently replicable, but not sure why/when I get them. At least one is related to the component tree and another is a bug with how I'm interacting with the chrome extension local storage. It seems like sometimes I try to set a key that already exists - this is the "duplicate block element id..." error. I suspect this could be the cause of query keys not appearing in the drop-down
• Added better data validation in extension's App.tsx. As this is the data we control the least well, I added very basic validation to ensure it matches our types. Also updated the QueryEvents type to take in QueryKeys with elements that are int or string instead of just string. We might want to review this data hand-off in more detail
• Added error handling and tests in react package to handle errors more gracefully. ie, if a query client isn't available, we now show a message on the console. This does not solve the .js file issues.
• Updated versioning across extension, github readme, and react npm package
• In the new examples, I inconsistently get this error message in the console: "index.tsx:198 Warning: You are calling ReactDOMClient.createRoot() on a container that has already been passed to createRoot() before. Instead, call root.render() on the existing root instead if you want to update it." I haven't figured this out yet

I also left a few console logs in.

[austin-cavanagh]

Great work!