refine

Major Changes

• #5330 7c8827b43d Thanks @BatuhanW! - feat: upgrade axios dependency to ^1.6.2

Major Changes

• #5330 7c8827b43d Thanks @BatuhanW! - feat: upgrade axios dependency to ^1.6.2

Patch Changes

• #5330 7c8827b43d Thanks @BatuhanW! - chore: upgrade nock library version to ^13.4.0

Minor Changes

• #5307 f8e407f850 Thanks @jackprogramsjp! - feat: added hideForm props for LoginPage and RegisterPage for AuthPage feature.

  Now with the hideForm props feature, you can be able to hide the forms (like email/password)
  to only show the OAuth providers. This avoids having to make your own entire AuthPage.

Patch Changes

• #5325 7ff54b2060 Thanks @alicanerdurmaz! - fix: <AuthPage /> styling issues on mobile screens.

  chore: new tests are added to <AuthPage />.

Patch Changes

• #5330 7c8827b43d Thanks @BatuhanW! - chore: upgrade nock library version to ^13.4.0

Minor Changes

• #5307 f8e407f850 Thanks @jackprogramsjp! - feat: added hideForm props for LoginPage and RegisterPage for AuthPage feature.

  Now with the hideForm props feature, you can be able to hide the forms (like email/password)
  to only show the OAuth providers. This avoids having to make your own entire AuthPage.

Patch Changes

• #5269 a23a0945d3 Thanks @BatuhanW! - feat: add "autoComplete" field for Login pages.

• #5325 7ff54b2060 Thanks @alicanerdurmaz! - fix: <AuthPage /> styling issues on mobile screens.

  chore: new tests are added to <AuthPage />.

Minor Changes

• #5307 f8e407f850 Thanks @jackprogramsjp! - feat: added hideForm props for LoginPage and RegisterPage for AuthPage feature.

  Now with the hideForm props feature, you can be able to hide the forms (like email/password)
  to only show the OAuth providers. This avoids having to make your own entire AuthPage.

Patch Changes

• #5207 30a2834a81 Thanks @mjomble! - chore: updated deprecated use of antd Progress

• #5269 a23a0945d3 Thanks @BatuhanW! - feat: add "autoComplete" field for Login pages.

• #5325 7ff54b2060 Thanks @alicanerdurmaz! - fix: <AuthPage /> styling issues on mobile screens.

  chore: new tests are added to <AuthPage />.

Patch Changes

• #5330 7c8827b43d Thanks @BatuhanW! - chore: upgrade nock library version to ^13.4.0

Patch Changes

• #5330 7c8827b43d Thanks @BatuhanW! - chore: upgrade nock library version to ^13.4.0

Patch Changes

• #5303 00ac812347 Thanks @aliemir! - Removed unused use-is-in-viewport dependency

Minor Changes

• #5307 f8e407f850 Thanks @jackprogramsjp! - feat: added hideForm props for LoginPage and RegisterPage for AuthPage feature.

  Now with the hideForm props feature, you can be able to hide the forms (like email/password)
  to only show the OAuth providers. This avoids having to make your own entire AuthPage.

Patch Changes

• #5269 a23a0945d3 Thanks @BatuhanW! - feat: add "autoComplete" field for Login pages.

• #5325 7ff54b2060 Thanks @alicanerdurmaz! - fix: <AuthPage /> styling issues on mobile screens.

  chore: new tests are added to <AuthPage />.

Patch Changes

• Updated dependencies [1b031a2c19, 1b031a2c19]:
  • @refinedev/[email protected]
  • @refinedev/[email protected]

Patch Changes

• #5296 1b031a2c19 Thanks @aliemir! - Added error conditions on WS and HTTP servers to prevent crashing if ports are already in use. (Issue: #5215, #5294)

• Updated dependencies [00ac812347]:

  • @refinedev/[email protected]

Patch Changes

• #5330 7c8827b43d Thanks @BatuhanW! - chore: upgrade nock library version to ^13.4.0

Minor Changes

• #5343 dd8f1270f6 Thanks @alicanerdurmaz! - fix: hideForm should remove all form fields. (submit button, form fields, rememberMe checkbox, forgot password link, etc.) but the /register link should be visible.

• #5307 f8e407f850 Thanks @jackprogramsjp! - feat: added hideForm props for LoginPage and RegisterPage for AuthPage feature.

  Now with the hideForm props feature, you can be able to hide the forms (like email/password)
  to only show the OAuth providers. This avoids having to make your own entire AuthPage.

Patch Changes

• #5323 17aa8c1cd6 Thanks @alicanerdurmaz!

Breaking changes

fix: added required key prop to <Auhtenticated /> component to resolve issues of rendering of the unwanted content and wrongful redirections. #4782

Why is it required?

Due to the nature of React, components are not unmounted and remounted again if props are changed. While this is mostly a good practice for performance, in some cases you'll want your component to re-mount instead of updating; for example, if you don't want to use any of the previous states and effects initiated with the old props.

The <Authenticated /> component has this kind of scenario when it's used for page-level authentication checks. If the previous check results were used for the rendering of the content (fallback or children) this may lead to unexpected behaviors and flashing of the unwanted content.

To avoid this, a key property must be set with different values for each use of the <Authenticated /> components. This will make sure that React will unmount and remount the component instead of updating the props.

    import { Refine, Authenticated, AuthPage } from "@refinedev/core";
    import {
      CatchAllNavigate,
    } from "@refinedev/react-router-v6";
    import { BrowserRouter, Routes, Route, Outlet, Navigate } from "react-router-dom";

    const App = () => {
      return (
        <BrowserRouter>
          <Refine {/* ... */}>
            <Routes>
              <Route
                element={
                  <Authenticated
                    key="authenticated-routes"
                    fallback={<CatchAllNavigate to="/login" />}
                  >
                    <Outlet />
                  </Authenticated>
                }
              >
                <Route index element={<h1>Dashboard Page</h1>} />
              </Route>

              <Route
                element={
                  <Authenticated key="unauthenticated-routes" fallback={<Outlet />}>
                     <Navigate to="/" replace />
                  </Authenticated>
                }
              >
                <Route path="/login" element={<AuthPage type="login" />} />
              </Route>
            </Routes>
          </Refine>
        </BrowserRouter>
      );
    };

In the example above, the <Authenticated /> is rendered as the wrapper of both the index route and /login route. Without a key property, <Authenticated /> will not be re-mounted and can result in rendering the content depending on the previous authentication check. This will lead to redirecting to /login when trying to access the index route instead of rendering the content of the index or navigating to index route instead of /login if the user just logged out.

• #5339 4c49ef0a06 Thanks @alicanerdurmaz! - feat: <WelcomePage /> component redesigned.

• #5316 3bdb9cb1cb Thanks @ksankeerth! - fix: Return type is not mentioned correctly in useOne, useSelect, useForm, useMany and useShow hooks

  This fix has improved type safety of return type of useOne, useSelect, useForm, useMany and useShow hooks.

Patch Changes

• #5296 1b031a2c19 Thanks @aliemir! - Updated --devtools flag in dev command to allow disabling devtools by --devtools=false. (Issue: #5215)

• Updated dependencies [1b031a2c19]:

  • @refinedev/[email protected]

Patch Changes

• #5330 7c8827b43d Thanks @BatuhanW! - chore: upgrade nock library version to ^13.4.0

Patch Changes

• #5330 7c8827b43d Thanks @BatuhanW! - chore: upgrade nock library version to ^13.4.0

Patch Changes

• #5289 0d1e269c0283 Thanks @alicanerdurmaz! - feat: <GitHubBanner /> styles updated.

  fix: <GitHubBanner /> hydration error. #5295

Patch Changes

• #5292 714841da4b24 Thanks @aliemir! - Bump node-emoji dependency resolution to ^2.1.3 to fix broken CJS builds.