atomicojs / hooks Goto Github PK

warning Workspaces can only be enabled in private projects.

Field 'browser' doesn't contain a valid alias configuration
      using description file: /Users/eike.foken/Code/ds/node_modules/@atomico/hooks/package.json (relative path: ./use-slot)
        no extension
          Field 'browser' doesn't contain a valid alias configuration
          /Users/eike.foken/Code/ds/node_modules/@atomico/hooks/use-slot doesn't exist
        .web.js
          Field 'browser' doesn't contain a valid alias configuration
      using description file: /Users/eike.foken/Code/ds/packages/html/package.json (relative path: ./node_modules/@atomico/hooks/use-slot)
        no extension
          Field 'browser' doesn't contain a valid alias configuration
          /Users/eike.foken/Code/ds/node_modules/@atomico/hooks/use-slot.js doesn't exist

const result1 = demoResult((props) => <div><input type="file" name='ddd'/>InSide</div>);

const result2 = demoResult((props) => <h3>Config</h3>);

const result3 = demoResult((props) => <h3>{JSON.stringify(props)}</h3>);

export default [
  {
    label: "Ejemplo",
    render() {
      return (
        <host>
          <a-router-proxy>
            <p>
              The import effect is emulated with a delay to show the use of the
              loading slot
            </p>
            <nav>
              <a style="margin:5px" href="/">
                home
              </a>
              <a style="margin:5px" href="/user">
                user
              </a>
              <a style="margin:5px" href="/config">
                config
              </a>
            </nav>
            <a-router-switch>
              <a-router-case path="/" src={result1}></a-router-case>
              <a-router-case path="/user" src={result2}></a-router-case>
              <a-router-case path="/:any..." src={result3}></a-router-case>
              <h1 slot="loading">loading...</h1>
              <h1 slot="404">404</h1>
            </a-router-switch>
          </a-router-proxy>
          <div><input type="file" name='outsize'/>Outsize</div>
        </host>
      );
    },
  },
];