You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
to a client component, and see the picker rendered twice. In next.config.js, setting reactStrictMode: false fixes it.
The text was updated successfully, but these errors were encountered:
oneillsp96
changed the title
PickerDropPane renders twice in NextJS 14+ when react strict mode is enabled
PickerDropPane renders twice in NextJS 14+ unless react strict mode is disabled
May 16, 2024
repro:
simply add:
<PickerDropPane apikey={process.env['NEXT_PUBLIC_FILESTACK_API_KEY'] />
to a client component, and see the picker rendered twice. In next.config.js, setting reactStrictMode: false fixes it.
![image](https://private-user-images.githubusercontent.com/7624535/331280423-99477553-11d1-493e-a163-e055fefdf5f4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjYwMDc5NDUsIm5iZiI6MTcyNjAwNzY0NSwicGF0aCI6Ii83NjI0NTM1LzMzMTI4MDQyMy05OTQ3NzU1My0xMWQxLTQ5M2UtYTE2My1lMDU1ZmVmZGY1ZjQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDkxMCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA5MTBUMjIzNDA1WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9OGMzZWJlNDBjYjkyYjJlOWZiYjk0ZjdkNWM2Zjk5MDFlY2Q3MTBmMzYyOThjYTkyMjYyMGU5Mjk0MDE5ZGZlMyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.ROj6tAN1IW9bhvnVD2T5-ZZaLgd553_dPHhbsa-VTjs)
The text was updated successfully, but these errors were encountered: