improve defaults

Author: GSTJ

examples/kitchen-sink/src/app/index.tsx

@@ -40,9 +40,9 @@ const showModal = async () => {
   console.log("Modal closed with response:", await modalResponse.promise);
 };
 
-type ModalResponse = {
+interface ModalResponse {
   message: string;
-};
+}
 
 const showReplacingModals = async () => {
   const modalResponse = magicModal.show<ModalResponse>(() => <ExampleModal />);

examples/kitchen-sink/src/components/KeyboardAvoidingModal.tsx

@@ -8,9 +8,9 @@ import {
 } from "react-native";
 import { magicModal, useMagicModal } from "react-native-magic-modal";
 
-type KeyboardAvoidingModalProps = {
+interface KeyboardAvoidingModalProps {
   initialText?: string;
-};
+}
 
 const MAX_TEXT_LENGTH = 50;
 

packages/eslint-config/base.js

@@ -115,7 +115,7 @@ const baseConfig = tseslint.config(
       "line-comment-position": "off",
       "unused-imports/no-unused-imports": "error",
       "@typescript-eslint/array-type": "off",
-      "@typescript-eslint/consistent-type-definitions": "off",
+      "@typescript-eslint/consistent-type-definitions": "error",
       "prefer-arrow-functions/prefer-arrow-functions": [
         "error",
         {

packages/modal/src/components/MagicModalPortal/MagicModalPortal.tsx

@@ -24,13 +24,13 @@ import { MagicModalProvider } from "../MagicModalProvider";
 const generatePseudoRandomID = () =>
   Math.random().toString(36).substring(7).toUpperCase() + Date.now().toString();
 
-type ModalStackItem = {
+interface ModalStackItem {
   id: string;
   component: ModalChildren;
   config: ModalProps;
   hideCallback: (value: unknown) => void;
   hideFunction: (props: unknown) => void;
-};
+}
 /**
  * @description A magic portal that should stay on the top of the app component hierarchy for the modal to be displayed.
  * @example