feat(components): add ReactFlowProvider #275

src/container/ReactFlow/Wrapper.tsx

@@ -0,0 +1,21 @@
+import React, { FC } from 'react';
+import { StoreProvider, useStore } from 'easy-peasy';
+
+import store, { StoreModel } from '../../store';
+
+const Wrapper: FC = ({ children }) => {
+  const easyPeasyStore = useStore<StoreModel>();
+  const isWrapepdWithReactFlowProvider = easyPeasyStore?.getState()?.reactFlowVersion;
+
+  if (isWrapepdWithReactFlowProvider) {
+    // we need to wrap it with a fragment because t's not allowed for children to be a ReactNode
+    // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/18051
+    return <>{children}</>;
+  }
+
+  return <StoreProvider store={store}>{children}</StoreProvider>;
+};
+
+Wrapper.displayName = 'ReactFlowWrapper';
+
+export default Wrapper;