Removed initState from Provider parameters to eliminate extra boilerp…

…late. More common approach of pulling in initState from lexical scope applied
butterfly-react · Dec 29, 2022 · f3e979a · f3e979a
1 parent 7004202
commit f3e979a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/lesson15/src/App.tsx b/lesson15/src/App.tsx
@@ -1,12 +1,11 @@
 import Counter from "./Counter"
 import { CounterProvider } from "./context/CounterContext"
-import { initState } from "./context/CounterContext"
 
 function App() {
 
   return (
     <>
-      <CounterProvider count={initState.count} text={initState.text}>
+      <CounterProvider>
         <Counter>{(num: number) => <>Current Count: {num}</>}</Counter>
       </CounterProvider>
     </>

diff --git a/lesson15/src/context/CounterContext.tsx b/lesson15/src/context/CounterContext.tsx
@@ -5,7 +5,7 @@ type StateType = {
     text: string;
 }
 
-export const initState: StateType = { count: 0, text: '' }
+const initState: StateType = { count: 0, text: '' }
 
 const enum REDUCER_ACTION_TYPE {
     INCREMENT,
@@ -64,8 +64,8 @@ type ChildrenType = {
 }
 
 export const CounterProvider = ({
-    children, ...initState
-}: ChildrenType & StateType): ReactElement => {
+    children
+}: ChildrenType): ReactElement => {
     return (
         <CounterContext.Provider value={useCounterContext(initState)}>
             {children}