From 696edacd48d7c3eee0d50f9390a7987ece969d73 Mon Sep 17 00:00:00 2001
From: tannerlinsley <tannerlinsley@gmail.com>
Date: Thu, 15 Aug 2019 08:36:33 -0600
Subject: [PATCH] fix(use-flex-layout): fix flex layout hook to use new
 internal hooks

---
 README.md                         | 22 +++++++++-------------
 src/plugin-hooks/useFlexLayout.js | 12 ++++++++----
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/README.md b/README.md
index fb2b19b..1e04882 100644
--- a/README.md
+++ b/README.md
@@ -111,11 +111,9 @@ Hooks for building **lightweight, fast and extendable datagrids** for React
         </a>
       </td>
       <td>
-        <ul>
-          <li>Nicholas Kaufmann</li>
-          <li><a href="https://www.metso.com/">Pekka</a></li>
-          <li>Jon Eickmeier</li>
-        </ul>
+        <div>Nicholas Kaufmann</div>
+        <div><a href="https://www.metso.com/">Pekka</a></div>
+        <div>Jon Eickmeier</div>
       </td>
     </tr>
   </tbody>
@@ -130,14 +128,12 @@ Hooks for building **lightweight, fast and extendable datagrids** for React
         </a>
       </td>
       <td>
-        <ul>
-          <li>Sortmy.games</li>
-          <li>Hugo Meissner</li>
-          <li>Benoit Leger-Derville</li>
-          <li>Thomas Funk</li>
-          <li>Dan Houle</li>
-          <li>David Pickut</li>
-        </ul>
+        <div>Sortmy.games</div>
+        <div>Hugo Meissner</div>
+        <div>Benoit Leger-Derville</div>
+        <div>Thomas Funk</div>
+        <div>Dan Houle</div>
+        <div>David Pickut</div>
       </td>
     </tr>
   </tbody>
diff --git a/src/plugin-hooks/useFlexLayout.js b/src/plugin-hooks/useFlexLayout.js
index 0a72adb..d2c1b86 100755
--- a/src/plugin-hooks/useFlexLayout.js
+++ b/src/plugin-hooks/useFlexLayout.js
@@ -8,8 +8,12 @@ const propTypes = {
   defaultFlex: PropTypes.number,
 }
 
-export const useFlexLayout = props => {
-  PropTypes.checkPropTypes(propTypes, props, 'property', 'useFlexLayout')
+export const useFlexLayout = hooks => {
+  hooks.useMain.push(useMain)
+}
+
+function useMain(instance) {
+  PropTypes.checkPropTypes(propTypes, instance, 'property', 'useFlexLayout')
 
   const {
     defaultFlex = 1,
@@ -20,7 +24,7 @@ export const useFlexLayout = props => {
       getHeaderProps,
       getCellProps,
     },
-  } = props
+  } = instance
 
   columnsHooks.push((columns, api) => {
     const visibleColumns = columns.filter(column => column.visible)
@@ -80,7 +84,7 @@ export const useFlexLayout = props => {
     return columns
   })
 
-  return props
+  return instance
 }
 
 // Utils