add withInit to docs

Author: quisido

docs/src/components/app/app.tsx

@@ -5,21 +5,22 @@ import AddCallback from '../routes/add-callback';
 import AddReducer from '../routes/add-reducer';
 import CreateProvider from '../routes/create-provider';
 import GetGlobal from '../routes/get-global';
+import Install from '../routes/install';
 import RemoveCallback from '../routes/remove-callback';
 import ResetGlobal from '../routes/reset-global';
 import SetGlobal from '../routes/set-global';
+import Support from '../routes/support';
 import UseDispatch from '../routes/use-dispatch';
 import UseGlobal from '../routes/use-global';
 import WithGlobal from '../routes/with-global';
-import Support from '../routes/support';
-import Install from '../routes/install';
+import WithInit from '../routes/with-init';
 import './app.scss';
 import Header from './header';
 import Navigation from './navigation';
 
 
 
-export default function App() {
+export default function App(): JSX.Element {
   return (
     <div className="app">
       <Header />
@@ -73,6 +74,10 @@ export default function App() {
               component={WithGlobal}
               path="/withGlobal"
             />
+            <Route
+              component={WithInit}
+              path="/withInit"
+            />
 
             {/* Support */}
             <Route

docs/src/components/routes/about/about.tsx

@@ -8,7 +8,7 @@ interface Props {
 export default withGlobal(
   ({ color }) => ({ color }),
 )(
-  function About({ color }) {
+  function About({ color }: Props): JSX.Element {
     const setColor = useDispatch('setColor');
     setColor('#61DAFB');
     return <>

docs/src/components/routes/add-callback/add-callback.tsx

@@ -1,6 +1,6 @@
 import React from 'reactn';
 
-export default function AddCallback() {
+export default function AddCallback(): JSX.Element {
   return (
     <>
       <p>

docs/src/components/routes/add-reducer/add-reducer.tsx

@@ -1,6 +1,6 @@
 import React from 'reactn';
 
-export default function AddReducer() {
+export default function AddReducer(): JSX.Element {
   return (
     <>
       <p>Use <code>addReducer</code> to add a reducer to your global state.</p>

docs/src/components/routes/create-provider/create-provider.tsx

@@ -1,6 +1,6 @@
 import React from 'reactn';
 
-export default function CreateProvider() {
+export default function CreateProvider(): JSX.Element {
   return (
     <p>Coming soon...</p>
   );

docs/src/components/routes/get-global/get-global.tsx

@@ -1,6 +1,6 @@
 import React from 'reactn';
 
-export default function GetGlobal() {
+export default function GetGlobal(): JSX.Element {
   return (
     <p>Coming soon...</p>
   );

docs/src/components/routes/install/install.tsx

@@ -1,6 +1,6 @@
 import React, { useDispatch } from 'reactn';
 
-export default function Install() {
+export default function Install(): JSX.Element {
   const setColor = useDispatch('setColor');
   setColor('#FF0000');
   return <>

docs/src/components/routes/remove-callback/remove-callback.tsx

@@ -1,6 +1,6 @@
 import React from 'reactn';
 
-export default function RemoveCallback() {
+export default function RemoveCallback(): JSX.Element {
   return (
     <p>Coming soon...</p>
   );

docs/src/components/routes/reset-global/reset-global.tsx

@@ -1,6 +1,6 @@
 import React from 'reactn';
 
-export default function ResetGlobal() {
+export default function ResetGlobal(): JSX.Element {
   return (
     <p>Coming soon...</p>
   );

docs/src/components/routes/set-global/set-global.tsx

@@ -1,6 +1,6 @@
 import React from 'reactn';
 
-export default function SetGlobal() {
+export default function SetGlobal(): JSX.Element {
   return (
     <p>Coming soon...</p>
   );