{"body":"","files":[{"path":"package.json","status":"M"},{"path":"shells\/dev\/app\/App.js","status":"M"},{"path":"shells\/dev\/app\/InspectableElements\/FunctionWithState.js","status":"A"},{"path":"shells\/dev\/app\/InspectableElements\/InspectableElements.js","status":"A"},{"path":"shells\/dev\/app\/InspectableElements\/NestedProps.js","status":"A"},{"path":"shells\/dev\/app\/InspectableElements\/index.js","status":"A"},{"path":"src\/backend\/ReactDebugHooks.js","status":"A"},{"path":"src\/backend\/agent.js","status":"M"},{"path":"src\/backend\/index.js","status":"M"},{"path":"src\/backend\/renderer.js","status":"M"},{"path":"src\/backend\/types.js","status":"M"},{"path":"src\/backend\/utils.js","status":"M"},{"path":"src\/devtools\/store.js","status":"M"},{"path":"src\/devtools\/types.js","status":"M"},{"path":"src\/devtools\/views\/Element.css","status":"M"},{"path":"src\/devtools\/views\/Element.js","status":"M"},{"path":"src\/devtools\/views\/Elements.css","status":"M"},{"path":"src\/devtools\/views\/Elements.js","status":"M"},{"path":"src\/devtools\/views\/HooksTree.css","status":"A"},{"path":"src\/devtools\/views\/HooksTree.js","status":"A"},{"path":"src\/devtools\/views\/Icon.css","status":"A"},{"path":"src\/devtools\/views\/Icon.js","status":"A"},{"path":"src\/devtools\/views\/InspectedElementTree.css","status":"A"},{"path":"src\/devtools\/views\/InspectedElementTree.js","status":"A"},{"path":"src\/devtools\/views\/SelectedElement.css","status":"M"},{"path":"src\/devtools\/views\/SelectedElement.js","status":"M"},{"path":"src\/devtools\/views\/SelectedElementContext.js","status":"M"},{"path":"src\/devtools\/views\/Tree.js","status":"M"},{"path":"src\/devtools\/views\/context.js","status":"M"},{"path":"src\/devtools\/views\/root.css","status":"M"},{"path":"src\/hook.js","status":"M"},{"path":"src\/hydration.js","status":"A"},{"path":"src\/utils.js","status":"M"},{"path":"yarn.lock","status":"M"}],"parents":["406df2a617c6a9565b1dc053129e07007ea94bae"],"patch":"diff --git a\/package.json b\/package.json\nindex 81f577f341..4d2d722216 100644\n--- a\/package.json\n+++ b\/package.json\n@@ -88,6 +88,7 @@\n \"react\": \"^16.8.0-alpha.1\",\n \"react-color\": \"^2.11.7\",\n \"react-dom\": \"^16.8.0-alpha.1\",\n+ \"react-is\": \"^16.8.0-alpha.1\",\n \"react-portal\": \"^3.1.0\",\n \"react-virtualized-auto-sizer\": \"^1.0.2\",\n \"react-window\": \"^1.5.1\",\ndiff --git a\/shells\/dev\/app\/App.js b\/shells\/dev\/app\/App.js\nindex 7d009f251e..787a5af9fd 100644\n--- a\/shells\/dev\/app\/App.js\n+++ b\/shells\/dev\/app\/App.js\n@@ -1,8 +1,9 @@\n \/\/ @flow\n \n import React from 'react';\n-import List from '.\/ToDoList';\n import ElementTypes from '.\/ElementTypes';\n+import InspectableElements from '.\/InspectableElements';\n+import List from '.\/ToDoList';\n import styles from '.\/App.css';\n \n export default function App() {\n@@ -10,6 +11,7 @@ export default function App() {\n

\n \n \n+ \n <\/div>\n );\n }\ndiff --git a\/shells\/dev\/app\/InspectableElements\/FunctionWithState.js b\/shells\/dev\/app\/InspectableElements\/FunctionWithState.js\nnew file mode 100644\nindex 0000000000..ae445fc246\n--- \/dev\/null\n+++ b\/shells\/dev\/app\/InspectableElements\/FunctionWithState.js\n@@ -0,0 +1,16 @@\n+\/\/ @flow\n+\n+import React, { useCallback, useState } from 'react';\n+\n+type Props = {|\n+ initialCount: number,\n+|};\n+\n+export default function FunctionWithState({ initialCount }: Props) {\n+ const [count, setCount] = useState(initialCount);\n+ const handleClick = useCallback(() => {\n+ setCount(count => count + 1);\n+ });\n+\n+ return

dillon1000/react

Files changed