fix(loading): Update when to set loading state (#3)

README.md

@@ -133,6 +133,7 @@ Run [demo application](./demo/app) in development mode to test [react-bndl libra
 
 #### Scripts
 - `start`: Starts development server and builds demo application in development mode
+- `start`: Starts development server only
 - `build:lib`: Create production distribution that exports a CommonJS and ESM version of the react-bndl library
 - `build:app`: Create a production bundle of the demo application
 - `fix:lint`: Attempt to fix any lint errors

demo/app/main/src/examples/ExampleHook.tsx

@@ -12,7 +12,7 @@ export const ExampleHook = () => {
     <>
       {(isLoading && !data) ?
         <div>Loading</div> :
-        (!isLoading && error) ?
+        (error || (!isLoading && !data)) ?
           <div>{error.message}</div> :
           <DynamicComponent component={data}>
             Dynamic Component

lib/src/component/BundleComponent.tsx

@@ -44,7 +44,7 @@ export function BundleComponent({ path, name, component, children, LoaderCompone
 
   if (isLoading && !data)
     return renderLoader();
-  if (error || !data && !isLoading)
+  if (error || (!data && !isLoading))
     return renderError(error);
   else
     return (

lib/src/hook/hook.ts

@@ -25,7 +25,8 @@ interface IStatus {
 export const bundles = new Map<string, IBundle>();
 
 export function useBundle({ path, name, component }:IProps) {
-  const [status, setStatus] = React.useState<IStatus>({ isLoading: false, error: null, data: null });
+  const bundleExists = bundles.get(name);
+  const [status, setStatus] = React.useState<IStatus>({ isLoading: !bundleExists, error: null, data: null });
 
   const scope = getScope();
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-bndl",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "A library that allows users to split their React application into multiple bundles and load them each dynamically.",
   "keywords": [
     "React",
@@ -32,6 +32,7 @@
   },
   "scripts": {
     "start": "pnpm --filter @bndl/demo run start",
+    "start:server": "pnpm --filter @bndl/demo run start:server",
     "build:lib": "pnpm --filter @bndl/lib run build",
     "build:app": "pnpm --filter @bndl/demo run build:prod",
     "fix:lint": "pnpm --filter @bndl/* run fix:lint",