Routes in Firefly webapps

harpreet_ahluwa

Employee

20-09-2020

I have a simple webapp and have used react router, however within the application the url changes to the route part which is not found by firefly.

Here is the webapp with links

 

 

 

 

 <Router>
          <div>
            <ul>
              <li>
                <Link to='/'>Home</Link>
              </li>
              <li>
                <Link to='/button'>Button</Link>
              </li>
            </ul>
            <hr />
            <Switch>
              <Route exact path='/'>
                <Home/>
              </Route>
              <Route path='/button'>
              <ButtonDemo />
              </Route>
            </Switch>
          </div>
        </Router>

 

 

 

 

The URL on navigation is https://experience.adobe.com/?devMode=true#/@ags1008/custom-apps/button which results

in Error 408 Request Timeout.

 

Any recommendation on how to achieve this navigation.

 

 

firefly react-router routes

Accepted Solutions (0)

Answers (1)

Answers (1)

duypnguyen

Employee

21-09-2020

Hi @harpreet_ahluwa - in the latest CLI release we enhanced the web UI template with react router. Please update your CLI `npm install -g @adobe/aio-cli` and try creating a new app with web assets.