fix: upgrade Flow and library types

Author: FezVrasta

.flowconfig

@@ -1,15 +1,18 @@
 [ignore]
-/lib/.*
+<PROJECT_ROOT>/lib/.*
 .*/.cache
 
 [include]
 
 [libs]
 
 [lints]
+sketchy-number=error
+sketchy-null=error
 
 [options]
-types_first=false
+react.runtime=automatic
+exact_by_default=true
 
 [strict]
 

.prettierrc.js

@@ -1,4 +1,5 @@
 module.exports = {
+  parser: 'flow',
   singleQuote: true,
   trailingComma: 'es5',
   proseWrap: 'always',

demo/index.js

@@ -1,4 +1,4 @@
-// @flow
+// @flow strict
 import React, { useState } from 'react';
 import ReactDOM from 'react-dom';
 import { Global, css } from '@emotion/core';

jest.setup.js

@@ -1,2 +1,2 @@
-// @flow
+// @flow strict
 import '@babel/polyfill';

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-popper",
-  "version": "2.2.3",
+  "version": "2.2.5",
   "description": "Official library to use Popper on React projects",
   "license": "MIT",
   "author": "Travis Arnold <travis@souporserious.com> (http://souporserious.com)",
@@ -93,7 +93,7 @@
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-react": "^7.19.0",
     "eslint-plugin-react-hooks": "^3.0.0",
-    "flow-bin": "^0.139.0",
+    "flow-bin": "^0.147.0",
     "flow-copy-source": "^2.0.9",
     "gh-pages": "^2.2.0",
     "git-branch-is": "^3.1.0",

src/Manager.js

@@ -1,16 +1,16 @@
-// @flow
+// @flow strict
 import * as React from 'react';
 
-export const ManagerReferenceNodeContext = React.createContext<?Element>();
-export const ManagerReferenceNodeSetterContext = React.createContext<
+export const ManagerReferenceNodeContext: React.Context<?Element>  = React.createContext();
+export const ManagerReferenceNodeSetterContext: React.Context<
   void | ((?Element) => void)
->();
+> = React.createContext();
 
-export type ManagerProps = {
+export type ManagerProps = $ReadOnly<{
   children: React.Node,
-};
+}>;
 
-export function Manager({ children }: ManagerProps) {
+export function Manager({ children }: ManagerProps): React.Node {
   const [referenceNode, setReferenceNode] = React.useState<?Element>(null);
 
   const hasUnmounted = React.useRef(false);

src/Manager.test.js

@@ -1,4 +1,4 @@
-// @flow
+// @flow strict
 import React from 'react';
 import { render, waitFor } from '@testing-library/react';
 import * as Popperjs from '@popperjs/core';

src/Popper.js

@@ -1,4 +1,4 @@
-// @flow
+// @flow strict
 import * as React from 'react';
 import {
   type State,
@@ -34,15 +34,15 @@ export type PopperChildrenProps = {|
 |};
 export type PopperChildren = (PopperChildrenProps) => React.Node;
 
-export type PopperProps = {|
+export type PopperProps = $ReadOnly<{|
   children: PopperChildren,
   innerRef?: Ref,
   modifiers?: Modifiers,
   placement?: Placement,
   strategy?: PositioningStrategy,
   referenceElement?: ReferenceElement,
   onFirstUpdate?: ($Shape<State>) => void,
-|};
+|}>;
 
 const NOOP = () => void 0;
 const NOOP_PROMISE = () => Promise.resolve(null);
@@ -56,7 +56,7 @@ export function Popper({
   onFirstUpdate,
   innerRef,
   children,
-}: PopperProps) {
+}: PopperProps): React.Node {
   const referenceNode = React.useContext(ManagerReferenceNodeContext);
 
   const [popperElement, setPopperElement] = React.useState(null);

src/Popper.test.js

@@ -1,4 +1,4 @@
-// @flow
+// @flow strict
 import React from 'react';
 import { render, waitFor, act } from '@testing-library/react';
 import * as PopperJs from '@popperjs/core';

src/RefTypes.js

@@ -1,4 +1,4 @@
-// @flow
+// @flow strict
 type RefHandler = (?HTMLElement) => void;
 type RefObject = { current?: ?HTMLElement};