fix state sync issue

README.md

@@ -35,7 +35,7 @@ This project uses a combination of testing tools to ensure the quality and relia
 
 - **Unit tests**: [Vitest](https://vitest.dev/) is used to test individual chess-related util functions in isolation to ensure they behave as expected. To run the unit tests, use the command `npm run test:unit`.
 
-- **e2e tests**: [Cypress](https://www.cypress.io/) is used to write basic e2e tests to ensure that the user sees the right thing when they visit the web page. To run the E2E tests, use the command `npm run test:e2e`.
+- **e2e tests**: [Cypress](https://www.cypress.io/) is used to write basic e2e tests to ensure that the user sees the right thing when they visit the web page. To run the e2e tests, use the command `npm run test:e2e`.
 
 - **Component tests**: [Cypress](https://www.cypress.io/) is also used for component testing. Specifically, we're testing the Chessboard component to make sure that clicks and moves lead to the right result. To run the Component tests , run `npm test:component`.
 

src/App.tsx

@@ -43,7 +43,7 @@ const App = () => {
 
   useEffect(() => {
     setInputValue(minimalFen);
-  }, []);
+  }, [minimalFen]);
 
   const onInputChange = (event: FormEvent<HTMLInputElement>): void => {
     setInputValue(event.currentTarget.value);