Messing with hooks and ag-Grid

// Not ready yet, don't try this at home

import React, { useState } from 'react';

type Model = number;

interface AgGridMethods {
  getModel: () => Model;
  setModel: (model: Model) => void;
}

const defaultState = 42;

function FilterCreator() {
  let setModel: (model: Model) => void = (m) => {};
  let getModel: () => Model = () => defaultState;

  const Filter: React.FC & AgGridMethods = () => {
    const [state, setState] = useState(defaultState);
    setModel = setState;
    (window as any).setModel = setState;
    getModel = () => state;
    return <p onClick={() => setModel(15)}>{state}</p>
  }

  Filter.getModel = getModel;
  Filter.setModel = setModel;

  (window as any).getModel = getModel;
  (window as any).setModel = setModel;

  return Filter;
}

const App = FilterCreator();
export default App;