chore: code review

README.md

@@ -214,7 +214,7 @@ The page component to wrap.
 
 Type: `function`
 
-Allows to dynamically change the layout state. Has the following signature: `(newState | updater?)`.
+Allows dynamic changes to the layout state. Has the following signature: `(newState | updater?)`.
 
 The behavior of `setLayoutState` is exactly the same as [`setState`](https://reactjs.org/docs/react-component.html#setstate) of class components: it merges properties and it supports both an object or an updater function.
 
@@ -228,8 +228,8 @@ import styles from './about.module.css';
 
 const About = ({ setLayoutState }) => {
     const handleSetToDark = useCallback(() => {
-        setLayoutState({ variant="dark" });
-        // ..or setLayoutState((layoutState) => ({ variant="dark" }));
+        setLayoutState({ variant: 'dark' });
+        // ..or setLayoutState((layoutState) => ({ variant: 'dark' }));
     }, [setLayoutState]);
 
     return (
@@ -242,7 +242,7 @@ const About = ({ setLayoutState }) => {
 
 const mapLayoutStateToLayoutTree = ({ variant }) => <PrimaryLayout variant={ variant } />;
 
-export default withLayout(mapLayoutStateToLayoutTree, { variant: "light" })(About);
+export default withLayout(mapLayoutStateToLayoutTree, { variant: 'light' })(About);
 ```
 
 ## Tests

src/LayoutTree.js

@@ -21,8 +21,8 @@ export default class LayoutTree extends PureComponent {
     static getDerivedStateFromProps(props, state) {
         const { Component, pageProps } = props;
 
-        const didPageChanged = props.Component !== state.Component;
-        const layoutTree = didPageChanged ? getInitialLayoutTree(Component, pageProps) : state.layoutTree;
+        const didPageChange = props.Component !== state.Component;
+        const layoutTree = didPageChange ? getInitialLayoutTree(Component, pageProps) : state.layoutTree;
 
         return {
             Component,