refactor: move createState to twenty-ui (#4716)

Split from https://github.com/twentyhq/twenty/pull/4518

Co-authored-by: Charles Bochet <charlesBochet@users.noreply.github.com>

packages/twenty-ui/src/index.ts

@@ -1,3 +1,4 @@
 export * from './components';
 export * from './display';
 export * from './theme';
+export * from './utilities';

packages/twenty-ui/src/utilities/index.ts

@@ -0,0 +1 @@
+export * from './state/utils/createState';

packages/twenty-ui/src/utilities/state/utils/createState.ts

@@ -0,0 +1,18 @@
+import { atom, AtomEffect } from 'recoil';
+
+export const createState = <ValueType>({
+  key,
+  defaultValue,
+  effects,
+}: {
+  key: string;
+  defaultValue: ValueType;
+  effects?: ReadonlyArray<AtomEffect<ValueType>>;
+}) => {
+  const recoilState = atom<ValueType>({
+    key,
+    default: defaultValue,
+    effects,
+  });
+  return recoilState;
+};

packages/twenty-ui/vite.config.ts

@@ -41,7 +41,7 @@ export default defineConfig({
     },
     rollupOptions: {
       // External packages that should not be bundled into your library.
-      external: [],
+      external: ['react', 'react-dom', 'react/jsx-runtime'],
     },
   },
 });